chore: font updates

src/_includes/base.liquid

@@ -33,7 +33,6 @@
     <link href="/assets/icons/apple-touch-icon.png?v={% version %}" rel="apple-touch-icon">
     {% capture css %}
       {% render "../assets/styles/prism.css" %}
-      {% render "../assets/styles/ml.css" %}
       {% render "../assets/styles/tailwind.css" %}
     {% endcapture %}
     <style>

src/assets/styles/tailwind.css

@@ -131,7 +131,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ml, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
   /* 1 */
   font-feature-settings: normal;
   /* 2 */
@@ -1990,7 +1990,7 @@ li > a {
 }
 
 code {
-  font-family: ml, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
   --tw-text-opacity: 1;
   color: rgb(249 250 251 / var(--tw-text-opacity));
   padding: 0.25rem;

tailwind.config.js

@@ -1,5 +1,3 @@
-const defaultTheme = require('tailwindcss/defaultTheme')
-
 module.exports = {
   theme: {
     extend: {
@@ -22,7 +20,15 @@ module.exports = {
           'source-sans-pro',
           'sans-serif',
         ],
-        mono: ['ml', ...defaultTheme.fontFamily.mono],
+        mono: [
+          'ui-monospace',
+          'Cascadia Code',
+          'Source Code Pro',
+          'Menlo',
+          'Consolas',
+          'DejaVu Sans Mono',
+          'monospace',
+        ],
       },
       backgroundImage: {
         'cover-gradient':