refactor: Part of #17670 - Replace Typography with Text component in ui/components/ui/chip/chip.js

[Devin-Apps]

Description

Migrate Typography to Text component in Chip component. This change is part of the effort to standardize text rendering across the application and ensure consistency in the design system. Before and after screenshots have been provided to ensure no visual regressions.

Devin Preview Link

https://preview.devin.ai/devin/2c41e8916ed14a95ae831b29501815ff

Related issues

Partially fixes: #17670

Manual testing steps

1. Go to the latest build of storybook in this PR
2. Manually check if the page Chip renders correctly

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• 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.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[georgewrmarshall]

Looking good! Just need to update snapshots yarn jest --updateSnapshot

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 65.63%. Comparing base (fbd9bbd) to head (e85ce6e).
Report is 2 commits behind head on develop.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #25017      +/-   ##
===========================================
- Coverage    65.63%   65.63%   -0.00%     
===========================================
  Files         1367     1367              
  Lines        54266    54266              
  Branches     14194    14194              
===========================================
- Hits         35614    35613       -1     
- Misses       18652    18653       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[georgewrmarshall]

LGTM 🤖🔥

Because this component is used in the recovery phrase I made sure to test the onboarding flow

after720.mov

[metamaskbot]

No release label on PR. Adding release label release-12.2.0 on PR, as PR was added to branch 12.2.0 when release was cut.