Fix glyph variants for JetBrains Mono (stylistic sets)

The issue was that `font-feature-settings` was set globally for the whole `html` tag in `base.css`. Fixed by creating a `--font-mono-settings` variable and setting it to `normal !important`.

Author: SableRaf

src/components/Button.module.css

@@ -5,6 +5,7 @@
   padding: 5px 18px 6px 18px;
   font-size: var(--text-small);
   font-family: var(--font-mono);
+  font-feature-settings: var(--font-mono-settings);
   outline: none;
   border: none;
   cursor: pointer;

src/components/SidebarTreeList.module.css

@@ -7,6 +7,7 @@
     font-size: var(--text-small);
     line-height: 1.6rem;
     font-family: var(--font-mono);
+    font-feature-settings: var(--font-mono-settings);
     font-variant-ligatures: none;
     text-decoration: none;
     color: var(--black);

src/components/reference/ContentList.module.css

@@ -33,6 +33,7 @@
   font-weight: normal;
   font-style: normal;
   font-family: var(--font-mono);
+  font-feature-settings: var(--font-mono-settings);
   font-size: 85%;
   background-color: var(--lightgray);
   padding: 0.1em 0.3em;

src/components/reference/ReferenceList.module.css

@@ -48,6 +48,7 @@
 .itemName {
   flex-basis: calc(100% / 5.5 * 1.5);
   font-family: var(--font-mono);
+  font-feature-settings: var(--font-mono-settings);
   font-size: var(--text-regular);
   font-variant-ligatures: none;
   text-decoration: none;
@@ -66,6 +67,7 @@
     font-weight: normal;
     font-style: normal;
     font-family: var(--font-mono);
+    font-feature-settings: var(--font-mono-settings);
     font-size: 85%;
     background-color: var(--lightgray);
     padding: 0.1em 0.3em;

src/components/reference/Section.module.css

@@ -38,6 +38,7 @@
   font-weight: normal;
   font-style: normal;
   font-family: var(--font-mono);
+  font-feature-settings: var(--font-mono-settings);
   font-size: 85%;
   background-color: var(--lightgray);
   padding: 0.1em 0.3em;

src/components/sketch/SketchCode.module.css

@@ -18,6 +18,7 @@
   border: 1px solid var(--gray);
   border-left: none;
   font-family: var(--font-mono);
+  font-feature-settings: var(--font-mono-settings);
   font-size: 14px;
   white-space: pre;
   user-select: none;

src/styles/base.css

@@ -91,6 +91,7 @@ p {
 code,
 pre {
   font-family: var(--font-mono);
+  font-feature-settings: var(--font-mono-settings);
   font-size: var(--text-small);
   font-variant-ligatures: none;
 }

src/styles/fonts.css

@@ -70,7 +70,6 @@
   font-weight: 400;
   font-weight: normal;
   font-style: normal;
-  font-variant-ligatures: none;
   src: url("./fonts/JetBrains Mono/webfonts/JetBrainsMono-Regular.woff2") format("woff2"),
     url("./fonts/JetBrains Mono/ttf/JetBrainsMonoNL-Regular.ttf") format("ttf");
 }
@@ -80,7 +79,6 @@
   font-weight: 400;
   font-weight: normal;
   font-style: italic;
-  font-variant-ligatures: none;
   src: url("./fonts/JetBrains Mono/webfonts/JetBrainsMono-Italic.woff2") format("woff2"),
     url("./fonts/JetBrains Mono/ttf/JetBrainsMonoNL-Italic.ttf") format("ttf");
 }
@@ -90,7 +88,6 @@
   font-weight: 700;
   font-weight: bold;
   font-style: normal;
-  font-variant-ligatures: none;
   src: url("./fonts/JetBrains Mono/webfonts/JetBrainsMono-Bold.woff2") format("woff2"),
     url("./fonts/JetBrains Mono/ttf/JetBrainsMonoNL-Bold.ttf") format("ttf");
 }
@@ -100,7 +97,6 @@
   font-weight: 700;
   font-weight: bold;
   font-style: italic;
-  font-variant-ligatures: none;
   src: url("./fonts/JetBrains Mono/webfonts/JetBrainsMono-BoldItalic.woff2") format("woff2"),
     url("./fonts/JetBrains Mono/ttf/JetBrainsMonoNL-BoldItalic.ttf") format("ttf");
 }

src/styles/pages/about.module.css

@@ -57,6 +57,7 @@
 
     & > pre {
       font-family: var(--font-mono);
+      font-feature-settings: var(--font-mono-settings);
       font-size: var(--text-regular);
       font-style: normal;
     }

src/styles/pages/page.module.css

@@ -96,6 +96,7 @@
 
   & pre {
     font-family: var(--font-mono);
+    font-feature-settings: var(--font-mono-settings);
     font-size: var(--text-regular);
     font-style: normal;
   }