Update sass reset and componets to use modern css and internal mixins to replace typey.

assets/sass/reset/document/_document.scss

@@ -4,11 +4,11 @@
 
 html {
   // Change the default font family in all browsers (opinionated).
-  @include typeface(body);
+  font-family: var(--ff-body);
   // Set base font size in percent.
-  font-size: $base-font-size / $browser-font-size * 100%;
+  font-size: calc(#{$base-font-size} / 16 * 100%);
   // Correct the line height in all browsers.
-  line-height: 1.5;
+  line-height: $base-line-height;
   // Prevent adjustments of font size.
   -webkit-text-size-adjust: none;
   text-size-adjust: none;