add temporary copy workaround

packages/styles/.gitignore

@@ -13,3 +13,6 @@ storybook-static
 # Mac OSX Finder files.
 **/.DS_Store
 .DS_Store
+
+# Temporary files
+src/tokens/temp/

packages/styles/gulpfile.js

@@ -20,6 +20,10 @@ gulp.task('copy', () => {
     .pipe(gulp.dest(options.outputDir));
 });
 
+gulp.task('temprarily-copy-token-files', () => {
+  return gulp.src(['../tokens/dist/*.scss']).pipe(gulp.dest('./src/tokens/temp'));
+});
+
 /**
  * Autoprefix SCSS files
  */
@@ -168,9 +172,12 @@ gulp.task('sass:tests', () => {
 /**
  * Watch task for scss development
  */
-gulp.task('watch', () => {
-  return gulp.watch('./src/**/*.scss', gulp.series('copy'));
-});
+gulp.task(
+  'watch',
+  gulp.series('temprarily-copy-token-files', () => {
+    return gulp.watch('./src/**/*.scss', 'copy');
+  }),
+);
 
 /**
  * Run copy and sass task in parallel per default
@@ -179,7 +186,7 @@ exports.default = gulp.task(
   'build',
   gulp.parallel(
     gulp.series('map-icons', 'copy', 'autoprefixer', 'transform-package-json'),
-    gulp.series('sass'),
+    gulp.series('temprarily-copy-token-files', 'sass'),
     gulp.series('build-components'),
   ),
 );

packages/styles/package.json

@@ -44,10 +44,10 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@swisspost/design-system-tokens": "workspace:*",
     "bootstrap": "5.3.3"
   },
   "devDependencies": {
+    "@swisspost/design-system-tokens": "workspace:*",
     "@swisspost/design-system-icons": "workspace:8.0.0",
     "@types/node": "20.14.12",
     "autoprefixer": "10.4.19",

packages/styles/src/placeholders/_modes.scss

@@ -1,4 +1,4 @@
-@use '@swisspost/design-system-tokens/mode' as mode;
+@use '../tokens/temp/mode' as mode;
 @use './../mixins/tokens';
 
 %post-light {

packages/styles/src/tokens/_core.scss

@@ -1 +1 @@
-@use '@swisspost/design-system-tokens/core';
+@use './temp/core';

packages/styles/src/tokens/_device.scss

@@ -1,4 +1,4 @@
-@use '@swisspost/design-system-tokens/device' as device;
+@use './temp/device' as device;
 
 @use './core';
 @use './../mixins/tokens';

packages/styles/src/tokens/_external.scss

@@ -1,4 +1,4 @@
-@use '@swisspost/design-system-tokens/channel' as channel;
+@use './temp/channel' as channel;
 
 @use './core';
 @use './../mixins/tokens';

packages/styles/src/tokens/_internal.scss

@@ -1,4 +1,4 @@
-@use '@swisspost/design-system-tokens/channel' as channel;
+@use './temp/channel' as channel;
 
 @use './core';
 @use './../mixins/tokens';

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

@@ -1,4 +1,4 @@
-@use '@swisspost/design-system-tokens/theme' as themes;
+@use './temp/theme' as themes;
 
 @use './core';
 @use './../mixins/tokens';