refactor(css,react): rewrite existing data-color components to use generic color vars

[unekinn]

No description provided.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 59d75b8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[github-actions]

Preview deployments for this pull request:

Storybook - 31. Oct 2024 - 15:18

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	55.28%	3266 / 5908
🔵	Statements	55.28%	3266 / 5908
🔵	Functions	85.07%	171 / 201
🔵	Branches	73.83%	474 / 642

File Coverage

File	Stmts	% Branch	% Funcs	% Lines	Uncovered Lines
Changed Files
packages/react/src/types.ts	0%	0%	0%	0%
packages/react/src/components/Accordion/Accordion.tsx	100%	100%	100%	100%
packages/react/src/components/Alert/Alert.tsx	100%	100%	100%	100%
packages/react/src/components/Avatar/Avatar.tsx	76.19%	100%	50%	76.19%	92, 94-102
packages/react/src/components/Badge/Badge.tsx	11.53%	100%	0%	11.53%	55-71, 73-77, 79
packages/react/src/components/Button/Button.tsx	97.29%	88.88%	100%	97.29%	76
packages/react/src/components/Card/Card.tsx	78.12%	75%	50%	78.12%	41-43, 45-48
packages/react/src/components/Link/Link.tsx	100%	50%	100%	100%
packages/react/src/components/loaders/Spinner/Spinner.tsx	100%	100%	100%	100%

Generated in workflow #702 for commit 59d75b8 by the Vitest Coverage Report Action

[unekinn]

Closing this, the commits will be included in #2703