Currently we only show the used base font size token when you're in the Change modal of the base font size token. Currently we show the resolved value outside, but not what value that token or value has.
Users mentioned this is too hidden, they need to see whats stored there given this can differ between projects.
Let's show the token from the outside, but keep the rest of the behavior the same.
If no value is set, just show default of 16px
If value is set, show value and show resolved value (e.g. {token-base} 24px)
If value is set but is not a reference, just show the value (do a string check if it starts with {)
If value is set to a reference but we failed to resolve, show it in a broken state and show the default value that we fall back to (16)
Currently we only show the used base font size token when you're in the Change modal of the base font size token. Currently we show the resolved value outside, but not what value that token or value has.
Users mentioned this is too hidden, they need to see whats stored there given this can differ between projects.
Let's show the token from the outside, but keep the rest of the behavior the same.