@codecademy/gamut

Index: package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss
===================================================================
--- package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss
+++ package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/mixins.scss
@@ -1,15 +1,14 @@
 @use "sass:color";
-@use "~@codecademy/gamut-styles/utils" as *;
 @use "variables";
 
 // Button variants
 //
 // Easily pump out default styles, as well as :hover, :focus, :active,
 // and disabled options for all buttons
 
 @mixin button-variant($color, $background, $border: transparent) {
-  $active-background: color.mix($color-black, $background);
+  $active-background: color.mix(variables.$color-black, $background);
 
   @if $border == transparent {
     $active-border: transparent;
     $active-border-hover: transparent;
@@ -23,9 +22,9 @@
     box-shadow: 0 2px 4px variables.$btn-box-shadow-color;
   }
 
   &:focus-visible {
-    box-shadow: 0 0 0 2px $color-white, 0 0 0 4px $background;
+    box-shadow: 0 0 0 2px variables.$color-white, 0 0 0 4px $background;
   }
 
   &:focus-visible,
   &:hover {
@@ -59,9 +58,9 @@
     box-shadow: none;
   }
 
   &:focus-visible {
-    box-shadow: 0 0 0 2px $color-white, 0 0 0 4px $color;
+    box-shadow: 0 0 0 2px variables.$color-white, 0 0 0 4px $color;
   }
 
   &:disabled {
     color: variables.$btn-disabled-color;
@@ -97,9 +96,10 @@
     @content;
   }
   .link-#{$name} {
     font-weight: bold;
-    @include font-smoothing;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
     color: $background;
     text-decoration: underline;
 
     &:disabled {