chore: test design-tokens preview build of pure black [DO NOT MERGE]

[georgewrmarshall]

Description

Updates the `@metamask/design-tokens` dependency to a preview build for testing purposes. This allows us to validate the changes in MetaMask/metamask-design-system#1045 before they are officially released.

Change: `@metamask/design-tokens ^8.3.0` → `npm:@metamask-previews/design-tokens@8.3.0-preview.dbe1fac`

⚠️ This is a temporary testing PR and should not be merged. Revert once testing is complete.

Changelog

CHANGELOG entry: null

Related issues

Fixes:

Manual testing steps

```gherkin
Feature: design tokens preview testing

Scenario: user validates design token changes from upstream PR
Given the app is built with the preview design-tokens package
When user navigates through affected UI surfaces
Then the design token changes from MetaMask/metamask-design-system#1045 appear as expected
```

Screenshots/Recordings

Before

design-tokens.pure.black.before720.mov

After

design-tokens.pure.black.after720.mov

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. 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.

---

Note

Medium Risk
UI theming changes are driven by a preview @metamask/design-tokens build, which can have broad visual impact across the app but does not alter core business logic.

Overview
Updates @metamask/design-tokens to a @metamask-previews/design-tokens@8.3.0-preview.dbe1fac build to validate upcoming design-system token changes.

Refreshes a large set of Jest snapshots to match the new token output, primarily shifting common text/icon/button colors from #131416 to #141414 (including some backgroundColor changes) across multiple UI surfaces (Snaps UI, Bridge, browser URL bar, account/asset views, etc.).

^{Reviewed by Cursor Bugbot for commit 3cfd70c. Bugbot is set up for automated code reviews on this repo. Configure here.}

[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.

[github-actions]

🔍 Smart E2E Test Selection

⏭️ Smart E2E selection skipped - draft PR

All E2E tests pre-selected.

View GitHub Actions results

[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

[github-actions]

✅ E2E Fixture Validation — Schema is up to date
16 value mismatches detected (expected — fixture represents an existing user).
View details