perf: update major versions of UI dependencies #113

This commit updates to the new major releases of WCSS and auro design
tokens. Due to code changes in Auro design tokens, all references to
--auro were updated to --ds. Other token ref changes are due to
deprecated tokens.

Demo index.html was also updated to account for the new
Auro design token CDN reference.

Changes to be committed:
modified:   demo/index.html
modified:   package-lock.json
modified:   package.json
modified:   src/auro-checkbox-group.scss
modified:   src/auro-checkbox.scss

demo/index.html

@@ -22,7 +22,7 @@
       type="text/css"
       href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
     />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
   </head>
@@ -46,7 +46,7 @@
 
       registerComponent('custom-checkbox');
     </script>
-    
+
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@alaskaairux/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
   </body>

package.json

@@ -19,18 +19,18 @@
     "node": ">=18.15.0"
   },
   "dependencies": {
-    "@alaskaairux/icons": "^4.28.0",
+    "@alaskaairux/icons": "^4.28.1",
     "chalk": "^5.3.0",
     "lit": "^2.8.0"
   },
   "peerDependencies": {
-    "@alaskaairux/design-tokens": "^3.14.0",
+    "@aurodesignsystem/design-tokens": "^4.1.1",
     "@aurodesignsystem/webcorestylesheets": "^4.6.1"
   },
   "devDependencies": {
-    "@alaskaairux/design-tokens": "^3.15.5",
+    "@aurodesignsystem/design-tokens": "^4.3.0",
     "@aurodesignsystem/eslint-config": "^1.3.0",
-    "@aurodesignsystem/webcorestylesheets": "^4.6.1",
+    "@aurodesignsystem/webcorestylesheets": "^5.0.5",
     "@commitlint/cli": "^17.7.2",
     "@commitlint/config-conventional": "^17.7.0",
     "@open-wc/testing": "^3.2.0",

src/auro-checkbox-group.scss

@@ -13,17 +13,16 @@
    scss/selector-nest-combinators,
    selector-class-pattern */
 
-// Import Auro tokens
-@import "./../node_modules/@alaskaairux/design-tokens/dist/tokens/SassCustomProperties";
+@import "./../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";
 
 :host {
   display: block;
-  padding-bottom: var(--auro-size-150);
-  color: var(--auro-color-text-primary-on-light);
+  padding-bottom: var(--ds-size-150, $ds-size-150);
+  color: var(--ds-color-text-primary-default, $ds-color-text-primary-default);
 }
 
 :host([disabled]) {
-  color: var(--auro-color-text-disabled-on-light);
+  color: var(--ds-color-text-disabled-default, $ds-color-text-disabled-default);
 }
 
 .displayFlex {
@@ -39,16 +38,16 @@ fieldset {
 }
 
 legend {
-  margin-bottom: var(--auro-size-150);
+  margin-bottom: var(--ds-size-150, $ds-size-150);
 }
 
 .checkboxGroupElement-helpText {
-  color: var(--auro-color-text-secondary-on-light);
+  color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default);
 }
 
 :host([validity]:not([validity='valid'])) {
   .checkboxGroupElement-helpText {
-    color: var(--auro-color-alert-error-on-light);
+    color: var(--ds-color-alert-error-default, $ds-color-alert-error-default);
   }
 }