fix(styles,theme): add S2 tokens and theme

[TarunAdobe]

Introduce spectrum-two styles as a SWC theme.

Description

Todos:

• Add a script to generate tokens-v2 from the @spectrum-css's next versions.
• Add spectrum-two theme that takes v2 tokens.
• Update storybook decorator and documentation site to include spectrum-two theme.
• Update visual ci test to include spectrum-two theme.
• Think about documenting these changes

Motivation and context

How has this been tested?

• Test case 1
  1. Go here
  2. Toggle the theme
• Test case 2
  1. Go here
  2. Toggle the theme

Screenshots (if appropriate)

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

• I have signed the Adobe Open Source CLA.
• My code follows the code style of this project.
• If my change required a change to the documentation, I have updated the documentation in this pull request.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.
• I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

[Rajdeepc]

Good start! Let's also think about creating some documentation around this in parallel!

[Rajdeepc]

Looks good. Thanks for resolving the VRT's

[Westbrook]

Great work in pulling out the lightest/darkest listing for S2.

Something is still coming up strangely in the VRT output:

After that, I think we're good 🤞🏼

[Rajdeepc]

Great work in pulling out the lightest/darkest listing for S2.

Something is still coming up strangely in the VRT output:

After that, I think we're good 🤞🏼

@TarunAdobe In review.js this should be metadata.system instead of metadata.theme. This is why it is returning an empty side-nav-item

[Rajdeepc]

Thanks for adding these tests and also the dev mode warning for spectrum-two.

[Westbrook]

There is now a "stable" 14.0 release, should CSS get you a new "future" release with that info?

[Rajdeepc]

This is a import for spectrum-two. I think the stable 14.0 version is importing S1 tokens