feat: design qa multi theming improvements

[auroraVasconcelos]

Description:

Closes #2787, closes #2739, closes #2789, closes #2740, closes #2815, closes #2805

Definition of Reviewable:

• Documentation is created/updated
• Migration Guide is created/updated

• E2E tests (features, a11y, bug fixes) are created/updated

• Stories (features, a11y) are created/updated
• relevant tickets are linked

[changeset-bot]

🦋 Changeset detected

Latest commit: 1856c86

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

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

💥 An error occurred when fetching the changed packages and changesets in this PR

Some errors occurred when validating the changesets config:
The package or glob expression "@solid-design-system/components" specified in the `fixed` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@solid-design-system/styles" specified in the `fixed` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.
The package or glob expression "@solid-design-system/tokens" specified in the `fixed` option does not match any package in the project. You may have misspelled the package name or provided an invalid glob expression. Note that glob expressions must be defined according to https://www.npmjs.com/package/micromatch.

[github-actions]

🚀 Storybook has been deployed for branch feat_design-qa-multi-theming

• View Storybook

[coraliefeil]

@van-nguyen-ht qa can be done as soon as chromatic is available. Let’s quickly talk when this is ready.

[coraliefeil]

@auroraVasconcelos could we generate screenshots onto which we can put comments where adjustments need to be made?

[mariohamann]

Still no fallbacks from what I see.

[mariohamann]

Add note:

"Deprecated variables – manually overriding these in custom themes might lead to problems in future versions of Solid. Use the actual used value instead. Example:

Instead of --sd-chip-border-width use --sd-marker-border-width--sd-marker-border-width for your overrides."