Fix utilities

- Remove .bz-u-font-size in favor of css --font-size-* variables
- Fix .sr-only and support both (un)focusable elements

Author: dannycolin

_sass/_app.scss

@@ -7,7 +7,6 @@
 @use "base/variables";
 @use "base/fonts";
 @use "base/_base";
-@use "base/utils";
 
 /* Atoms */
 @use "components/button";
@@ -21,13 +20,6 @@
 @use "components/navbar";
 @use "components/header";
 
-/* Miscs
- *
- * NOTE:
- * This file is temporary. CSS rules, here, needs to be refactored into new
- * elements or components. */
-@use "base/miscs";
-
 /* Documentations
  *
  * NOTE:

_sass/base/_base.scss

@@ -182,3 +182,19 @@ main {
   display: inline-block;
 }
 
+.sr-only,
+.sr-only-focusable {
+  clip: rect(0 0 0 0);
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  clip: unset;
+  left: 0.5rem;
+  top: 0.5rem;
+  padding: 0.25rem;
+}