feat(tokens): use the new W3C Dtcg Format for tokens

.changeset/pink-weeks-relate.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': minor
+---
+
+Added tokens file for components.

package.json

@@ -79,6 +79,7 @@
     "changeset:publish": "pnpm changeset publish",
     "changeset:version": "pnpm changeset version && pnpm install --lockfile-only",
     "tokens:build": "pnpm --filter design-system-tokens build",
+    "tokens:build:verbose": "pnpm --filter design-system-tokens build:verbose",
     "primeng": "pnpm primeng:start",
     "primeng:start": "pnpm --filter design-system-styles-primeng-workspace start",
     "primeng:build": "pnpm --filter design-system-styles-primeng-workspace build",

packages/styles/src/tokens/_components.scss

@@ -0,0 +1 @@
+@forward './temp/components';

packages/styles/src/tokens/_post-theme.scss

@@ -4,5 +4,5 @@
 @use './../mixins/tokens';
 
 :root {
-  @include tokens.from(themes.$post-theme);
+  @include tokens.from(themes.$post-post);
 }

packages/tokens/_build/constants.js

@@ -0,0 +1,13 @@
+import { resolve } from 'path';
+
+export const SOURCE_PATH = resolve('./tokensstudio-generated/');
+export const OUTPUT_PATH = resolve('./dist/');
+export const FILE_HEADER =
+  '// Do not edit manually!\n// This file was generated on:\n// {date} by the @swisspost/design-system-tokens package build command\n\n';
+
+export const TOKENSET_LAYERS = {
+  core: 'core',
+  semantic: 'semantic',
+  component: 'component',
+};
+export const TOKENSET_PREFIX = 'post';