WB-1814: Switch to semantic color tokens

[jandrade]

Summary:

This PR switches the color tokens used in components to the new semantic color
tokens.

• Migrated Accordion, Banner, and BirtdayPicker.

Issue: https://khanacademy.atlassian.net/browse/WB-1814

Test plan:

Verify that the visual regression tests don't show any changes.

[changeset-bot]

🦋 Changeset detected

Latest commit: 167acfc

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@khanacademy/wonder-blocks-birthday-picker	Patch
@khanacademy/wonder-blocks-accordion	Patch
@khanacademy/wonder-blocks-banner	Patch
@khanacademy/wonder-blocks-button	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Size Change: +77 B (+0.08%)

Total Size: 97.1 kB

Filename	Size	Change
packages/wonder-blocks-accordion/dist/es/index.js	3.74 kB	-25 B (-0.66%)
packages/wonder-blocks-banner/dist/es/index.js	1.55 kB	+28 B (+1.83%)
packages/wonder-blocks-birthday-picker/dist/es/index.js	1.8 kB	+30 B (+1.69%)
packages/wonder-blocks-button/dist/es/index.js	4.08 kB	+44 B (+1.09%)

ℹ️ View Unchanged

Filename	Size
packages/wonder-blocks-breadcrumbs/dist/es/index.js	887 B
packages/wonder-blocks-cell/dist/es/index.js	2.01 kB
packages/wonder-blocks-clickable/dist/es/index.js	3.06 kB
packages/wonder-blocks-core/dist/es/index.js	3.52 kB
packages/wonder-blocks-data/dist/es/index.js	6.24 kB
packages/wonder-blocks-dropdown/dist/es/index.js	19.1 kB
packages/wonder-blocks-form/dist/es/index.js	6.2 kB
packages/wonder-blocks-grid/dist/es/index.js	1.36 kB
packages/wonder-blocks-icon-button/dist/es/index.js	2.95 kB
packages/wonder-blocks-icon/dist/es/index.js	871 B
packages/wonder-blocks-labeled-field/dist/es/index.js	72 B
packages/wonder-blocks-layout/dist/es/index.js	1.82 kB
packages/wonder-blocks-link/dist/es/index.js	2.28 kB
packages/wonder-blocks-modal/dist/es/index.js	5.42 kB
packages/wonder-blocks-pill/dist/es/index.js	1.65 kB
packages/wonder-blocks-popover/dist/es/index.js	4.85 kB
packages/wonder-blocks-progress-spinner/dist/es/index.js	1.52 kB
packages/wonder-blocks-search-field/dist/es/index.js	1.36 kB
packages/wonder-blocks-switch/dist/es/index.js	1.92 kB
packages/wonder-blocks-testing-core/dist/es/index.js	3.74 kB
packages/wonder-blocks-testing/dist/es/index.js	1.07 kB
packages/wonder-blocks-theming/dist/es/index.js	693 B
packages/wonder-blocks-timing/dist/es/index.js	1.8 kB
packages/wonder-blocks-tokens/dist/es/index.js	2.36 kB
packages/wonder-blocks-toolbar/dist/es/index.js	905 B
packages/wonder-blocks-tooltip/dist/es/index.js	6.99 kB
packages/wonder-blocks-typography/dist/es/index.js	1.23 kB

_{compressed-size-action}

[github-actions]

A new build was pushed to Chromatic! 🚀

https://5e1bf4b385e3fb0020b7073c-izowstmmit.chromatic.com/

Chromatic results:

Metric	Total
Captured snapshots	377
Tests with visual changes	2
Total stories	515
Inherited (not captured) snapshots [TurboSnap]	0
Tests on the build	377