Review letter spacing tokens after Inter font was updated

[davicostalf]

Google Fonts updated the Inter font family to the latest release (v4). One of the major changes was the addition of a optical size axis, which is set to auto by default. Since we were previously defining letter spacing manually based on font size we need to review if this is still necessary or at least review if the token values still make sense.

[davicostalf]

Test in Figma and code (apply --sl-letter-spacing-1 to all typography tokens?)

[davicostalf]

Did some digging:

• We can use the story of the Text component in storybook to review letter spacing changes (current, 0rem)
• The new optical size axis gets us closer to the values we had defined previously, but there's still a difference.
• Figma hasn't updated the Inter font to the 4.0 version.

Open questions:

• We have to decide if we are going to stick with the definitions of the font family or still implement some letter spacing adjustment.
• We have to decide if we are going to use different letter spacing values in Figma to match with the code (since the font version is outdated) or try to update the font in the Figma organization by uploading the new version.

I'm current leaning towards leaving Figma as is and updating the letter spacing tokens application so they match with what had been previously defined. When Figma updates the font version we make these adjustments there.

[beatrizmilhomem]

I'm current leaning towards leaving Figma as is and updating the letter spacing tokens application so they match with what had been previously defined. When Figma updates the font version we make these adjustments there.

lgtm

[davicostalf]

• Investigate if token values will need to be updated
• Add disclaimer in Figma library about letter spacing values

[davicostalf]

• It wasn't necessary to update token values, just their application.
• I've added the disclaimer in Figma and opened fix: update letter spacing #1969.