feat: migrate text and headings to tailwind

[TylerAPfledderer]

Description

Migrates text and heading styles to Tailwind

• Creates a fontSize set of font-size/line-height default pairs in the tailwind config.
• Removes Text and Heading components.
  • Favors setting the heading level font-sizes in global.css
• Adds Flex and Center stacking components locally
  • These components are in addition to the existing stacking components added in feat: extend ShadCN initialization #13347
  • To be reusable throughout the project in place of the Chakra components of the same name.

Breaking Changes

Due to the approach taken to styling the heading levels, this might create some unexpected results when removing the Heading components in prod.

For example, see instances where the Accordion is currently used. Provided an initial fix for the accordion story to revert the heading styling to initial (essentially "unsetting" the font-size and font-weight styles). When the accordion migration is addressed, will need to favor this same approach or use a CSS selector to override or ignore the declared heading level styles, then add to the styles for specific renders.

Related Issue

Continuation of #13382

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	2fa34a7
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/6696277820ab74000843b199
😎 Deploy Preview	https://deploy-preview-13386--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 43 (🔴 down 8 from production) Accessibility: 92 (no change from production) Best Practices: 89 (🔴 down 9 from production) SEO: 93 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pettinarip]

Great @TylerAPfledderer

Looks good from the code side. I'll double check later on the preview deploy if there's no other part affected by the breaking changes you mentioned.

[pettinarip]

I think we can delete the global styles from Chakra now.

[pettinarip]

LGTM!

The Accordion case that you mentioned is the only case where we are using a h2 tag and not a Heading component. So, I've tested the app and it looks like everything is working fine. We should be good.