feat: Adding react Text component to design-system-react

[georgewrmarshall]

Description

This PR adds a Text component to the design-system-react library, introducing a reusable typography component for MetaMask’s design system.

Related issues

Fixes: https://github.com/metamask/metamask-design-system/issues#workspaces/design-system-61e8a2ae77c3a60012e5003c/issues/zh/762

Manual testing steps

1. Run storybook yarn storybook
2. Navigate to a Text component
3. Verify the text styling, ensuring consistency with design specifications.
4. Confirm that accessibility standards are met, including font size, color contrast, and screen reader support.

Screenshots/Recordings

After

after1080.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g., pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and/or screenshots.

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@vitejs/[email protected]	Transitive: environment	+1	96.7 kB	vitebot
npm/[email protected]	None	0	712 kB	dcas

View full report↗︎