fix: broken [object Object] box shadow tokens in Leiden theme

Author: Robbert

.changeset/cuddly-onions-beg.md

@@ -0,0 +1,5 @@
+---
+"@nl-design-system-unstable/leiden-design-tokens": patch
+---
+
+Fix `box-shadow` design tokens with `[object Object]` values.

.changeset/sixty-sloths-type.md

@@ -0,0 +1,10 @@
+---
+"@nl-design-system-unstable/leiden-design-tokens": major
+---
+
+No longer ship the legacy files. Migration steps:
+
+- Migrate from `dist/index.json` to `dist/list.json`
+- Migrate from `dist/design-tokens.css` to `dist/theme.css`
+- Migrate from `dist/index.less` to `dist/variables.less`
+- Migrate from `index.js` to `dist/variables.mjs`

proprietary/leiden-design-tokens/documentation/design-tokens.mdx

@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/addon-docs/blocks";
 import { DesignTokensTable } from "@nl-design-system-unstable/design-tokens-table-react/css";
-import tokens from "../dist/index.json";
+import tokens from "../dist/list.json";
 import config from "../src/config.json";
 
 <Meta title="Leiden/Design Tokens" />

proprietary/leiden-design-tokens/style-dictionary.mjs

@@ -27,7 +27,6 @@ const build = async () => {
 
   let sd = new StyleDictionary({
     ...createConfig({
-      backwardsCompatible: true,
       selector: `.${themeConfig.prefix}-theme`,
     }),
     preprocessors: ['color-scheme-default', 'tokens-studio', 'dtcg-delegate'],

style-dictionary-config.js

@@ -180,6 +180,7 @@ const createConfig = ({
         ],
       },
       'scss-theme-mixin': {
+        transformGroup: transformGroup,
         transforms: ['name/kebab'],
         buildPath,
         files: [