Switch to style dictionary v4

[rajsite]

Pull Request

🤨 Rationale

This PR represents the minimal set of changes to get to style dictionary v4. Perks of being on style dictionary v4 are:

• It was co-maintained by the TokensStudio folks, hopefully leading towards better Figma integration via TokensStudio (not tested yet)
• It supports the DTCG token format recommended by the W3C Design Tokens Community group (although future work would be to switch to that format)
• Has a supported (instead of internal) utils api to manipulate tokens programmatically (not used yet but expect to be useful for generating the static CSS examples)

Fixes #2232

👩‍💻 Implementation

• Switched the package to "type": "module" which required updated legacy cjs scripts
  • Could not change the syg-to-ts script to cjs so instead switched it to a json configuration
• Tokens now use a type field instead of relying on the json hierarchy for type information. Migrated just the tokens that needed an explicit type to evaluate correctly (likely want to redo the structure after experimenting with Figma output so did the bare minimum required changes)
• Re-enabled renovate updates for style-dicitionary

🧪 Testing

• Validated manually that the generated output had no effective difference (other than generated comments) compared to [email protected]
• Triggered the storybook rebuild to validate no visual differences

✅ Checklist

• I have updated the project documentation to reflect my changes or determined no changes are needed.