refactor: replace deprecated mixins with text component in loading-swaps-quotes

[devin-ai-integration]

Description

This pull request replaces deprecated mixins with the Text component in the loading-swaps-quotes file. The changes include updating the SCSS and JS files to use the Text component and related enums, as well as deleting specific SCSS instances as instructed by the user.

Devin Run Link: https://staging.itsdev.in/devin/edffa827e63141c8a3214c25ecf4a760

Related issues

Partially Fixes: #20496

Manual testing steps

1. Go to the latest build of storybook in this PR
2. Manually check if LoadingSwapQuotes is getting rendered properly

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.

[consensys-devin]

Tagging @georgewrmarshall for review

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.67%. Comparing base (83e4b2a) to head (1cb277e).
Report is 19 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop   #25553   +/-   ##
========================================
  Coverage    69.67%   69.67%           
========================================
  Files         1405     1405           
  Lines        49728    49728           
  Branches     13748    13748           
========================================
  Hits         34646    34646           
  Misses       15082    15082           

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

[metamaskbot]

Builds ready [94259f1]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (46 ± 3 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	63	97	77	9	5
		domContentLoaded	8	17	10	2	1
		load	40	66	46	6	3
		domInteractive	8	17	10	2	1

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 676 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[georgewrmarshall]

LGTM

• Checked styles were correctly replaced with Text component API ✅
• Checked storybook ✅

[greptile-apps]

PR Summary

Refactored loading-swaps-quotes to replace deprecated mixins with the Text component, improving UI consistency and reducing CSS.

• File: ui/pages/swaps/loading-swaps-quotes/index.scss

  • Removed deprecated mixins and associated styles.

• File: ui/pages/swaps/loading-swaps-quotes/loading-swaps-quotes.js

  • Replaced deprecated mixins with Text component.
  • Updated Text component props for quote counter and name check elements.
  • Ensured alignment with modern design standards using TextVariant and other style properties.

_{2 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}

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

[greptile-apps]

PR Summary

(updates since last review)

Refactored loading-swaps-quotes to replace deprecated mixins with the Text component, improving UI consistency and reducing CSS.

• File: test/e2e/accounts/account-custom-name.spec.ts

  • Updated button click method for improved test reliability.

• File: test/e2e/accounts/common.ts

  • Added delay to ensure popup window closure before proceeding.

• File: test/e2e/accounts/create-snap-account.spec.ts

  • Introduced steps to wait for popup closure, enhancing test stability.

• File: test/e2e/webdriver/chrome.js

  • Temporarily locked Chrome version to 126 for test compatibility.

• File: ui/components/app/import-token/token-list/token-list.component.js

  • Removed showHalo prop from AvatarToken component.

_{8 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}

[metamaskbot]

Builds ready [1cb277e]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 10, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (157 ± 169 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	68	144	103	21	10
		domContentLoaded	11	66	35	18	9
		load	41	1685	157	351	169
		domInteractive	11	66	35	18	9

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 676 Bytes (0.01%)
• common: 0 Bytes (0.00%)