chore: upgrading to design tokens v5.0.0

[georgewrmarshall]

Description

This PR upgrades the design tokens package to version 5.0.0, which includes a darker dark mode and fixes type definitions unintentionally broken in version 4.2.0.

• Ensures compatibility with the latest design tokens and aligns colors with the extension and portfolio.
• Updates snapshots to reflect new color changes and somewhat unfortunately just case changing of the hex values to uppercase.
• Simplifies type imports, replacing deep linking with a cleaner format.

Related issues

Fixes: #13107

Manual testing steps

This pull request updates a lot of snapshots so an effective way to review is to filter out snapshots from Files changed view and:

1. Ensure correct design tokens version 5.0.0 has been updated in the package.json and yarn.lock
2. Ensure all types have been updated to be imported from '@metamask/design-tokens'

To review color updates

1. Pull the branch and install dependencies.
2. Navigate around the app in both light and especially dark mode
3. Check UI doesn't have any color abnormalities

Screenshots/Recordings

Before

before720.mov

After

after.mov

Checking no deep linked type imports remain by searching from '@metamask/design-tokens/ to ensure all imports are correct

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile 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., pulled and built branch, ran the app, tested the 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.

[socket-security]

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

Package	New capabilities	Transitives	Size	Publisher
npm/@metamask/[email protected] 🔁 npm/@metamask/[email protected]	None	0	292 kB	metamaskbot

View full report↗︎

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Cal-L]

LGTM

[christopherferreira9]

LGTM