Remove stalfos lib - with regression on some UI elements

src/scss/components/_form.scss

@@ -40,7 +40,7 @@ label {
 input,
 textarea,
 select {
-  @include apply-utility('font', 'base');
+  font-family: #{map-get($tokens, 'fonts', 'base')};
   background-color: var(--color-primary-glare);
   font: inherit;
   border: 0;

src/scss/components/_heading-permalink.scss

@@ -4,7 +4,7 @@
   margin-left: .3em;
   margin-top: .2em;
 
-  @include media-query('md') {
+  @media (min-width: 48rem) {
     font-size: .6em;
     margin-top: .4em;
   }

src/scss/components/_modal.scss

@@ -10,7 +10,7 @@
   }
 
   h3 {
-    @include apply-utility('font', 'brand');
+    font-family: #{map-get($tokens, 'fonts', 'brand')};
     font-size: 1.5rem;
   }
 }

src/scss/components/_nav.scss

@@ -23,7 +23,7 @@
     flex-shrink: 0;
 
     a {
-      @include apply-utility('weight', 'mid');
+      font-weight: 600;
       color: currentColor;
 
       &:not(:hover) {

src/scss/components/_post.scss

@@ -11,7 +11,7 @@
 
     h2,
     h3 {
-      @include apply-utility('leading', 'tight');
+      line-height: 1.2;
       position: relative;
     }
 
@@ -288,7 +288,7 @@
           }
 
           h2 {
-            @include apply-utility('font', 'base');
+            font-family: #{map-get($tokens, 'fonts', 'base')};
             text-align: left;
             font-weight: 600;
             margin-bottom: 1rem;

src/scss/components/_video-player.scss

@@ -2,7 +2,7 @@
   position: relative;
   padding-top: 56.25%;
   
-  @include media-query('md') {
+  @media (min-width: 48rem) {
     .post & {
       padding-top: 66%;
     }