style-dictionary.config.json

{
  "source": ["src/**/*.tokens.json", "../../components/*/tokens.json"],
  "platforms": {
    "js": {
      "transforms": ["attribute/cti", "name/camel", "color/hsl-4"],
      "buildPath": "dist/",
      "files": [
        {
          "destination": "tokens.js",
          "format": "javascript/es6"
        }
      ]
    },
    "json": {
      "transforms": ["attribute/cti", "name/camel", "color/hsl-4"],
      "buildPath": "dist/",
      "files": [
        {
          "destination": "index.json",
          "format": "json"
        }
      ]
    },
    "css": {
      "transforms": ["attribute/cti", "name/kebab", "color/hsl-4"],
      "buildPath": "dist/",
      "files": [
        {
          "destination": "index.css",
          "format": "css/variables",
          "options": {
            "outputReferences": true
          }
        }
      ]
    },
    "css-theme": {
      "transforms": ["attribute/cti", "name/kebab", "color/hsl-4"],
      "buildPath": "dist/",
      "files": [
        {
          "destination": "theme/index.css",
          "format": "css/variables",
          "options": {
            "selector": ".denhaag-theme",
            "outputReferences": true
          }
        }
      ]
    },
    "scss-theme": {
      "transforms": ["attribute/cti", "name/kebab", "color/hsl-4"],
      "buildPath": "dist/",
      "files": [
        {
          "destination": "_mixin.scss",
          "format": "css/variables",
          "options": {
            "selector": "@mixin denhaag-theme",
            "outputReferences": true
          }
        }
      ]
    }
  }
}