chore: Upgrade @metamask/design-tokens from v8.1.1 to v8.2.2

[georgewrmarshall]

Description

This PR upgrades the @metamask/design-tokens package from version 8.1.1 to 8.2.2. This update includes typography size updates and other design token improvements.

Changelog

CHANGELOG entry: null

Related issues

Fixes: N/A

Manual testing steps

1. Build the project and verify no build errors occur
2. Check that typography and design tokens are rendering correctly throughout the UI
3. Verify no visual regressions in components that use design tokens

Screenshots/Recordings

N/A - This is a package version update that includes typography size updates.

Before

Version 8.1.1

After

Partial font size changes that will likely go unnoticed. This is primarily a smoke test to confirm Extension runs as expected.

extension.after.720.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension 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

Low Risk
Low risk dependency bump limited to design tokens, but it may cause unintended visual/typography regressions where token values changed.

Overview
Upgrades @metamask/design-tokens from ^8.2.1 to ^8.2.2 in package.json.

Updates yarn.lock to resolve @metamask/design-tokens@8.2.2 and align the root dependency list with the new version.

^{Written by Cursor Bugbot for commit f2efd93. This will update automatically on new commits. 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.

[metamaskbotv2]

Builds ready [990068c]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• bundle size: Bundle Size Stats
• interaction-benchmark: Interaction Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
  • content-script: 0
  • offscreen: 0

⚡ Performance Benchmarks

👆 Interaction Benchmarks

Benchmark	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P75 (ms)	P95 (ms)
Load New Account	load_new_account	311	308	313	3	313	313
	total	311	308	313	3	313	313
Confirm Tx	confirm_tx	6032	6027	6035	3	6034	6035
	total	6032	6027	6035	3	6034	6035
Bridge User Actions	bridge_load_page	221	180	244	27	243	244
	bridge_load_asset_picker	222	166	303	60	285	303
	bridge_search_token	733	699	815	45	747	815
	total	1177	1108	1317	80	1212	1317

🔌 Startup Benchmarks

Benchmark	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P75 (ms)	P95 (ms)
Standard Home	uiStartup	1429	1222	1762	107	1473	1635
	load	1201	1012	1475	98	1236	1402
	domContentLoaded	1194	1007	1468	94	1230	1380
	domInteractive	28	17	104	18	25	75
	firstPaint	155	70	429	86	217	315
	backgroundConnect	212	191	274	16	218	242
	firstReactRender	20	13	78	8	20	35
	initialActions	2	0	9	2	2	5
	loadScripts	997	809	1260	93	1034	1185
	setupStore	13	6	38	6	16	23
	numNetworkReqs	32	22	87	19	28	82
Power User Home	uiStartup	2134	1366	10128	1125	2051	4347
	load	1180	1039	1686	145	1216	1527
	domContentLoaded	1165	1033	1657	143	1203	1520
	domInteractive	36	19	132	25	33	109
	firstPaint	190	73	475	86	260	326
	backgroundConnect	544	257	4808	729	322	2394
	firstReactRender	23	16	45	6	24	35
	initialActions	1	0	4	1	1	2
	loadScripts	950	827	1454	140	981	1313
	setupStore	15	6	33	5	17	26
	numNetworkReqs	68	33	164	30	78	140

🧭 User Journey Benchmarks

Benchmark	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P75 (ms)	P95 (ms)
Onboarding Import Wallet	importWalletToSocialScreen	220	217	224	3	222	224
	srpButtonToSrpForm	97	96	98	0	97	98
	confirmSrpToPwForm	22	22	22	0	22	22
	pwFormToMetricsScreen	16	15	16	0	16	16
	metricsToWalletReadyScreen	16	16	17	1	17	17
	doneButtonToHomeScreen	971	596	1470	343	1266	1470
	openAccountMenuToAccountListLoaded	7480	7223	7852	299	7839	7852
	total	8862	8803	8900	42	8900	8900
Onboarding New Wallet	createWalletToSocialScreen	219	217	221	1	219	221
	srpButtonToPwForm	108	106	111	2	111	111
	createPwToRecoveryScreen	8	8	8	0	8	8
	skipBackupToMetricsScreen	36	36	37	1	36	37
	agreeButtonToOnboardingSuccess	17	17	17	0	17	17
	doneButtonToAssetList	592	569	611	15	600	611
	total	983	961	997	15	995	997
Asset Details	assetClickToPriceChart	44	40	50	4	45	50
	total	44	40	50	4	45	50
Solana Asset Details	assetClickToPriceChart	48	47	48	0	48	48
	total	48	47	48	0	48	48
Import Srp Home	loginToHomeScreen	2090	1955	2247	116	2203	2247
	openAccountMenuAfterLogin	42	30	53	9	51	53
	homeAfterImportWithNewWallet	2246	2000	2553	198	2233	2553
	total	4347	4100	4538	175	4483	4538
Send Transactions	openSendPageFromHome	27	10	37	11	35	37
	selectTokenToSendFormLoaded	20	18	22	1	22	22
	reviewTransactionToConfirmationPage	846	845	847	1	846	847
	total	902	898	905	3	904	905
Swap	openSwapPageFromHome	101	94	109	6	102	109
	fetchAndDisplaySwapQuotes	5289	4571	6287	799	6243	6287
	total	5396	4666	6390	793	6340	6390

🌐 Dapp Page Load Benchmarks

Current Commit: 990068c | Date: 2/27/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.08s (±78ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
• domContentLoaded-> current mean value: 764ms (±75ms) 🟢 | historical mean value: 740ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 82ms (±10ms) 🟢 | historical mean value: 83ms ⬇️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.08s	78ms	1.03s	1.38s	1.32s	1.38s
domContentLoaded	764ms	75ms	722ms	1.05s	987ms	1.05s
firstPaint	82ms	10ms	64ms	172ms	88ms	172ms
firstContentfulPaint	82ms	10ms	64ms	172ms	88ms	172ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 61 Bytes (0%)
• ui: 1.31 KiB (0.02%)
• common: 17 Bytes (0%)

[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

[metamaskbotv2]

Builds ready [f2efd93]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• builds (flask): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• bundle size: Bundle Size Stats
• interaction-benchmark: Interaction Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20
  • content-script: 0
  • offscreen: 0

⚡ Performance Benchmarks

👆 Interaction Benchmarks

Benchmark	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P75 (ms)	P95 (ms)
Load New Account	load_new_account	270	261	278	6	273	278
	total	270	261	278	6	273	278
Confirm Tx	confirm_tx	6028	6025	6030	2	6030	6030
	total	6028	6025	6030	2	6030	6030
Bridge User Actions	bridge_load_page	249	181	285	38	283	285
	bridge_load_asset_picker	221	186	262	29	247	262
	bridge_search_token	740	723	752	10	747	752
	total	1235	1221	1247	11	1243	1247

🔌 Startup Benchmarks

Benchmark	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P75 (ms)	P95 (ms)
Standard Home	uiStartup	1403	1183	1718	107	1440	1639
	load	1183	988	1483	95	1211	1382
	domContentLoaded	1175	984	1477	93	1208	1369
	domInteractive	28	16	128	21	24	87
	firstPaint	156	68	1181	128	212	272
	backgroundConnect	207	188	271	14	209	236
	firstReactRender	19	13	36	5	21	28
	initialActions	1	0	8	1	2	3
	loadScripts	984	792	1278	93	1017	1180
	setupStore	12	7	34	5	14	22
	numNetworkReqs	31	22	89	19	22	85
Power User Home	uiStartup	2047	1434	11020	1096	1904	4049
	load	1164	1036	1754	146	1171	1528
	domContentLoaded	1150	1028	1739	143	1164	1509
	domInteractive	36	20	133	20	36	76
	firstPaint	172	72	617	92	225	301
	backgroundConnect	510	258	9301	1013	309	1854
	firstReactRender	24	16	51	7	26	38
	initialActions	1	0	5	1	1	3
	loadScripts	942	824	1521	142	952	1308
	setupStore	17	6	60	9	19	39
	numNetworkReqs	64	35	148	25	71	127

🧭 User Journey Benchmarks

Benchmark	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P75 (ms)	P95 (ms)
Onboarding Import Wallet	importWalletToSocialScreen	218	217	219	1	219	219
	srpButtonToSrpForm	101	91	117	11	111	117
	confirmSrpToPwForm	22	21	22	0	22	22
	pwFormToMetricsScreen	15	15	15	0	15	15
	metricsToWalletReadyScreen	16	16	16	0	16	16
	doneButtonToHomeScreen	1046	600	1400	276	1247	1400
	openAccountMenuToAccountListLoaded	7304	6203	8029	635	7634	8029
	total	8950	8808	9036	88	9009	9036
Onboarding New Wallet	createWalletToSocialScreen	221	220	222	1	221	222
	srpButtonToPwForm	108	106	109	1	109	109
	createPwToRecoveryScreen	8	8	9	0	8	9
	skipBackupToMetricsScreen	37	36	38	1	38	38
	agreeButtonToOnboardingSuccess	17	16	18	1	17	18
	doneButtonToAssetList	974	707	1524	316	1130	1524
	total	1363	1092	1912	315	1520	1912
Asset Details	assetClickToPriceChart	41	36	45	3	41	45
	total	41	36	45	3	41	45
Solana Asset Details	assetClickToPriceChart	48	46	49	1	49	49
	total	48	46	49	1	49	49
Import Srp Home	loginToHomeScreen	2058	1946	2173	80	2057	2173
	openAccountMenuAfterLogin	46	44	47	1	47	47
	homeAfterImportWithNewWallet	2476	2334	2675	120	2541	2675
	total	4671	4402	5108	250	4777	5108
Send Transactions	openSendPageFromHome	41	39	43	2	43	43
	selectTokenToSendFormLoaded	20	19	21	1	20	21
	reviewTransactionToConfirmationPage	881	853	909	25	909	909
	total	942	912	979	28	973	979
Swap	openSwapPageFromHome	134	114	163	20	142	163
	fetchAndDisplaySwapQuotes	5634	4654	6305	800	6292	6305
	total	5752	4796	6424	773	6377	6424

🌐 Dapp Page Load Benchmarks

Current Commit: f2efd93 | Date: 2/27/2026

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.08s (±142ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
• domContentLoaded-> current mean value: 767ms (±138ms) 🟢 | historical mean value: 739ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 93ms (±102ms) 🟢 | historical mean value: 83ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.08s	142ms	1.02s	2.30s	1.32s	2.30s
domContentLoaded	767ms	138ms	715ms	1.96s	994ms	1.96s
firstPaint	93ms	102ms	72ms	1.11s	100ms	1.11s
firstContentfulPaint	93ms	102ms	72ms	1.11s	100ms	1.11s
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

Bundle size diffs

• background: 58 Bytes (0%)
• ui: 5 Bytes (0%)
• common: 20 Bytes (0%)