Fix build

Author: alizedebray

packages/styles/src/components/header/_mixins.scss

@@ -1,6 +1,7 @@
 @use '../../functions/tokens';
 @use '../../mixins/button';
 @use '../../mixins/media';
+@use '../../tokens/components';
 
 /**
  selects all slotted controls
@@ -46,7 +47,7 @@
   }
 
   @include active-state {
-    box-shadow: tokens.get('button-elevation');
+    box-shadow: tokens.get('button-elevation', components.$post-button);
 
     @include button.button-variant-def('enabled', 'primary');
 

packages/styles/src/mixins/_button.scss

@@ -10,8 +10,6 @@
 @use '../functions/tokens';
 @use '../tokens/components';
 
-tokens.$default-map: components.$post-button;
-
 @mixin reset-button {
   padding: 0;
   overflow: visible;
@@ -40,13 +38,13 @@ tokens.$default-map: components.$post-button;
   max-width: 100%;
   overflow: hidden;
   transition: button.$btn-transition;
-  border-width: tokens.get('button-border-width');
+  border-width: tokens.get('button-border-width', components.$post-button);
   border-style: solid;
-  border-radius: tokens.get('button-border-radius-round');
+  border-radius: tokens.get('button-border-radius-round', components.$post-button);
   background-color: transparent;
   box-shadow: none;
   font-family: inherit;
-  font-weight: tokens.get('button-label-font-weight');
+  font-weight: tokens.get('button-label-font-weight', components.$post-button);
   text-decoration: none;
   white-space: nowrap; // Long content should never break in buttons
 
@@ -55,7 +53,7 @@ tokens.$default-map: components.$post-button;
   }
 
   &:disabled {
-    border-style: tokens.get('button-border-style-disabled');
+    border-style: tokens.get('button-border-style-disabled', components.$post-button);
   }
 
   @include utilities.focus-style;
@@ -95,9 +93,9 @@ tokens.$default-map: components.$post-button;
 }
 
 @mixin button-variant-def($type, $color) {
-  border-color: tokens.get('button-#{$color}-#{$type}-stroke');
-  background-color: tokens.get('button-#{$color}-#{$type}-bg');
-  color: tokens.get('button-#{$color}-#{$type}-fg');
+  border-color: tokens.get('button-#{$color}-#{$type}-stroke', components.$post-button);
+  background-color: tokens.get('button-#{$color}-#{$type}-bg', components.$post-button);
+  color: tokens.get('button-#{$color}-#{$type}-fg', components.$post-button);
 }
 
 @mixin button-color-variant($name, $color) {