fix(all): #1153 switch to DTCG token format & migrate to latest styledictionary and ts-transform

[larserbach]

Switched from token legacy fomat to DTCG format

• this means, token-properties 'type', 'value' and 'description' are prefixed with a dollar sign ('$')

Updates our tokens build-pipeline

• updated dependencies:

  • storybook v.4.0.0
  • ts-transforms v1.0.0

• updates style-dictionary.config

  • resolving breaking changes resulting from new Style Dictionary API
  • dynamically generating theme-names now from tokens/$themes.json. This prepares us to handle multidimensional themes better in the future. This also means, that our generated token files have changed names.
    -removed ../pckg/figma-design-tokens/config/themes.cjs now generating ../pckg/figma-design-tokens/config/themes_generated.cjs

• removes ../pckg/figma-design-tokens/config/transforms/...

  • instead we use the transforms from the @token-studio package, one single custom transform has moved into style-dictionary.config.mjs

Updates all index.ts files
@property() accessor theme: ThemeType = 'Light'; -> @property() accessor theme: ThemeType = 'Light_value';

Not related, but did it anyways:

• removed: foundation/component-tokens/radio.css.ts
• added the radio/index.css.ts
• updated radio-group/index.css.ts