completely overhaul SCSS theming logic

assets/sass/abstracts/_typography.scss

@@ -0,0 +1,46 @@
+@use "~@fontsource/inter/scss/mixins" as Inter;
+@use "~@fontsource/roboto-mono/scss/mixins" as RobotoMono;
+@use "~@fontsource/comic-neue/scss/mixins" as ComicNeue;
+
+/*!
+ * Inter typeface - https://rsms.me/inter/
+ *
+ * Copyright (c) 2016-2020 The Inter Project Authors.
+ * Licensed under the SIL Open Font License, Version 1.1:
+ * https://github.com/rsms/inter/blob/master/LICENSE.txt
+ */
+
+// Variable
+@include Inter.fontFaceVariable($fontName: "Inter var", $type: "full");
+
+// Legacy
+@include Inter.fontFace($fontName: "Inter", $weight: 400);
+@include Inter.fontFace($fontName: "Inter", $weight: 500);
+@include Inter.fontFace($fontName: "Inter", $weight: 700);
+
+/*!
+ * Roboto Mono typeface - https://fonts.google.com/specimen/Roboto+Mono
+ *
+ * Copyright (c) 2015 The Roboto Mono Project Authors.
+ * Licensed under the Apache License, Version 2.0:
+ * https://github.com/google/fonts/blob/main/apache/robotomono/LICENSE.txt
+ */
+
+// Variable
+@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var");
+@include RobotoMono.fontFaceVariable($fontName: "Roboto Mono var", $style: italic);
+
+// Legacy
+@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 400);
+@include RobotoMono.fontFace($fontName: "Roboto Mono", $weight: 700);
+
+/*!
+ * Comic Neue typeface - http://comicneue.com/
+ *
+ * Copyright (c) 2014 The Comic Neue Project Authors.
+ * Licensed under the SIL Open Font License, Version 1.1:
+ * https://github.com/crozynski/comicneue/blob/master/OFL.txt
+ */
+
+@include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 400);
+@include ComicNeue.fontFace($fontName: "Comic Neue", $weight: 700);