Update Text component to utilise tokens

[jameskoster]

Tokens were recently added for styling text using scss. This is documented on Storybook.

Let's discuss updating the Text component to utilise these tokens. By doing so we can hopefully close out issues like this one: #47735

[rinkalpagdar]

@jameskoster, can you please provide more information about the issue? It would be helpful to reproduce it.

[jameskoster]

@rinkalpagdar it's not currently possible to reference tokens from the design system relating to typography in the Text component.

It should be possible to utilise system tokens in properties like size, weight, lineHeight, and so on.

Additionally it should be possible to reference a specific style (a combination of font styles defined as scss mixins) rather than handling individual properties.

For example consumer should be able to do something like:

Hello

I hope that makes sense?

I seem to recall discussing this a bit with @ciampo but it looks like we didn't make any notes. Maybe he has some recollection 🤞