chore: updated js variables based on updated json

[brianacnguyen]

Description

• This PR seeks to update the list of JS variables based on the updated JSON
• Breaking changes were also added to the migration doc

Related issues

Fixes: N/A

Manual testing steps

1. Go to storybook
2. Checkout the new colors!

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've clearly explained what problem this PR is solving and how it is solved.
• I've linked related issues
• I've included manual testing steps
• I've included screenshots/recordings if applicable
• 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.
• I’ve properly set the pull request status:
  • In case it's not yet "ready for review", I've set it to "draft".
  • In case it's "ready for review", I've changed it from "draft" to "non-draft".

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.

[metamaskbot]

Builds ready [7463a5c]

Storybook: Storybook

[georgewrmarshall]

Same comment as CSS PR could we structure migration docs into Added, Removed, Changed

[metamaskbot]

Builds ready [0d831f3]

Storybook: Storybook

[metamaskbot]

Builds ready [47b1874]

Storybook: Storybook

[metamaskbot]

Builds ready [e50c5dc]

Storybook: Storybook

[metamaskbot]

Builds ready [27621aa]

Storybook: Storybook

[georgewrmarshall]

LGTM 🎸🐉

[metamaskbot]

Builds ready [825bb32]

Storybook: Storybook