fix: add type token integration

Author: chrisfalaska

.gitignore

@@ -6,6 +6,8 @@ docTemplates/
 ## Demo support files
 demo/*.css
 demo/*.css.map
+demo/*.md
+demo/*.min.js
 
 ## CSS built from Sass process
 src/*.css

demo/api.md

@@ -21,8 +21,8 @@
   },
   "dependencies": {
     "@aurodesignsystem/auro-library": "^4.3.0",
-    "@aurodesignsystem/design-tokens": "^5.10.0",
-    "@aurodesignsystem/webcorestylesheets": "6.1.0",
+    "@aurodesignsystem/design-tokens": "^8.2.1",
+    "@aurodesignsystem/webcorestylesheets": "10.0.0",
     "chalk": "^5.3.0",
     "lit": "^3.3.0"
   },
@@ -142,7 +142,7 @@
     "build:dev:assets": "npm-run-all build:sass:component postCss:component sass:render build:docs",
     "build:docs": "node ./node_modules/@aurodesignsystem/auro-library/scripts/build/generateDocs.mjs",
     "build:sass": "npm-run-all build:sass:component postCss:component sass:render",
-    "build:sass:component": "sass --no-source-map src:src",
+    "build:sass:component": "sass --load-path=node_modules --no-source-map src:src",
     "build:watch": "nodemon -e scss,js,html --watch src --watch apiExamples/**/* --exec npm run build:dev:assets",
     "bundler": "rollup -c",
     "bundler:test": "rollup -c -w",

demo/index.md

@@ -4,7 +4,7 @@
 // ---------------------------------------------------------------------
 
 // Import Auro tokens
-@import "./../node_modules/@aurodesignsystem/design-tokens/dist/alaska/SCSSVariables--alaska";
+@use "@aurodesignsystem/design-tokens/dist/themes/alaska/SCSSVariables--alaska" as v;
 
 :host {
   background-color: var(--ds-auro-skeleton-container-color);