@codecademy/gamut

Index: package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
===================================================================
--- package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
+++ package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
@@ -1,8 +1,7 @@
 @use "sass:color";
 @use "variables";
 @use "mixins";
-@use "~@codecademy/gamut-styles/utils" as *;
 //
 // Base styles
 //
 
@@ -10,9 +9,10 @@
   align-items: center;
   display: inline-flex;
   justify-content: center;
   font-weight: variables.$btn-font-weight;
-  @include font-smoothing;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
   border: 1px solid transparent;
   border-radius: variables.$btn-border-radius;
   user-select: none;
   @include mixins.button-size(
@@ -32,13 +32,13 @@
 }
 
 @each $name, $color in variables.$btn-swatches {
   @if $name == "brand-yellow" {
-    @include mixins.button-variants($name, $color-black, $color);
+    @include mixins.button-variants($name, variables.$color-black, $color);
   } @else if color.channel(color.to-space($color, hsl), "lightness") > 68 {
-    @include mixins.button-variants($name, $color-black, $color);
+    @include mixins.button-variants($name, variables.$color-black, $color);
   } @else {
-    @include mixins.button-variants($name, $color-white, $color);
+    @include mixins.button-variants($name, variables.$color-white, $color);
   }
 }
 
 .round {