fix: minimize css custom property reassignment pt 1

[eirikbacker]

• Minimizing CSS custom property reassignment
• Started convention --ds-internal- for internal CSS custom properties - should we do this? 🤔
• Only button has re-assignments due to data-variant - should we have more CSS props for this then?
• The components where data-color is defined in compontent CSS file, still have re-assignments
  • This applies to: alert, badge, button, card, details, link, popover, validation
  • This will probably change when surface exists as white, so lets deal with these re-assignments after surface is done

[changeset-bot]

⚠️ No Changeset found

Latest commit: 99062c8

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 - 24. Jan 2025 - 14:27

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	53.48%	2958 / 5531
🔵	Statements	53.48%	2958 / 5531
🔵	Functions	85.71%	180 / 210
🔵	Branches	76.79%	523 / 681

File Coverage

No changed files found.

Generated in workflow #1791 for commit 99062c8 by the Vitest Coverage Report Action

[Barsnes]

Input, radio, checkbox still works fine with forced colors

[Barsnes]

on second look, the check is the wrong color.
This is your PR:

This is in next:

It's only for the checkbox, though the radio has a smaller border as well

[eirikbacker]

Thanks for good testing @Barsnes! ☺️ Super that you can follow up this as you have the best test device 🙏