Add font size utilities.

[tomquirk]

What does this PR do and why?

Utility classes are the wei. Why?

• more performant than inline styles
• more composable
• less dev mental overhead
• keeps the UI more consistent (limited choice of values for things)

Need more convincing? see https://johnpolacek.github.io/the-case-for-atomic-css/ and https://tailwindcss.com/docs/utility-first#maintainability-concerns

Anyways, this PR:

• adds utility classes for font size. Classes stolen from https://tailwindcss.com/docs/font-size
• replaces any small fontSize inline style (below 1rem) with either text-sm or text-xs

Screenshots or screen recordings

If applicable, provide screenshots or screen recordings to demonstrate the changes.

Acceptance checklist

• [ ] I have evaluated the Approval Guidelines for this PR.
• [ ] I have tested this PR in all supported browsers.
• [ ] I have tested this PR in dark mode and light mode (if applicable).

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
juice-interface-rinkeby	✅ Ready (Inspect)	Visit Preview	Aug 25, 2022 at 6:41AM (UTC)

1 Ignored Deployment

Name	Status	Preview	Updated
juice-interface	⬜️ Ignored (Inspect)		Aug 25, 2022 at 6:41AM (UTC)

[tomquirk]

Closing for now