refactor: bump style-dictionary and @tokens-studio/sd-transforms to latest

[jcfranco]

Related Issue: #11391

Summary

This updates the design tokens build with significant restructuring changes, based on @alisonailea’s astump/style-dictionary-4.x branch. The output remains in sync with production as much as possible to prevent breaking changes.

This is the first step required before addressing additional changes proposed in #11391.

Notable changes

Source restructuring

• Deprecates global output files in favor of semantic output
• Splits source into:
  • config – main setup for output files
  • build – style-dictionary + @tokens-studio/sd-transforms configuration
  • tokens – design token JSON files (source of truth)
• Moves tests one level higher

Test and snapshot updates

• Tweaks spec test snapshot to make it easier to spot differences in test failures (see alternative diff and commit details)
  • Should be mainly visual or have no impact on consumable output
• Removes non-token-related tests – these should be added once the design tokens are updated and stable

Transform and token updates

• Configures and overrides transforms to match the existing test snapshot; these will be adjusted or removed as updates are made
• Removes the button component token source file (unused)
• Adds token-related entries to our custom @cspell dictionary
• JS/Docs output types (undocumented)
  • Types now match the output (e.g., compare {semantic.color.foreground.1} source vs type)
  • No longer have strongly-typed attributes object

Test failures

There are a couple of expected spec test failures related to shadows:

• Color values based on a token are invalid
  • Example: --calcite-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0); – the color part is invalid syntax
• Dimension values are no longer unitless
• I'd like to have these reviewed before updating snapshot tests

Prep for upcoming changes

• Adds hooks to handle upcoming design token source restructuring (e.g., splitting light/dark tokens into separate files).
• Updates the design tokens' tsconfig.json to support next features used in build

Next steps

Coordinate with @matgalla to update build to accommodate design token updates related to #11391.

[jcfranco]

I noticed some differences in output files not covered by test snapshots:

• docs/core
• docs/global
• js/core
• js/global
• js/*.d.ts – variables (current) vs object structure (expected)

Setting this back to draft while I sort that out.

[jcfranco]

I addressed the diffs mentioned above. There are some minor differences still, but these include:

• updated token attribute data (removals are expected and need to be handled on the doc-site side)
• corrected names and values

I've updated the diff links for a closer check.

[benelan]

Nice! Code LGTM, nothing jumped out at me besides one nitpick