Change font stack

Author: gtsiolis

components/dashboard/src/tailwind.output.css

@@ -365,7 +365,7 @@ ul {
  */
 
 html {
-  font-family: Inter, Helvetica, Arial, sans-serif; /* 1 */
+  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; /* 1 */
   line-height: 1.5; /* 2 */
 }
 
@@ -12671,7 +12671,7 @@ input[type=text]::placeholder {
 }
 
 .font-sans {
-  font-family: Inter, Helvetica, Arial, sans-serif !important;
+  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
 }
 
 .font-thin {
@@ -46975,7 +46975,7 @@ input[type=text]::placeholder {
   }
 
   .sm\:font-sans {
-    font-family: Inter, Helvetica, Arial, sans-serif !important;
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
   }
 
   .sm\:font-thin {
@@ -80680,7 +80680,7 @@ input[type=text]::placeholder {
   }
 
   .md\:font-sans {
-    font-family: Inter, Helvetica, Arial, sans-serif !important;
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
   }
 
   .md\:font-thin {
@@ -114385,7 +114385,7 @@ input[type=text]::placeholder {
   }
 
   .lg\:font-sans {
-    font-family: Inter, Helvetica, Arial, sans-serif !important;
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
   }
 
   .lg\:font-thin {
@@ -148090,7 +148090,7 @@ input[type=text]::placeholder {
   }
 
   .xl\:font-sans {
-    font-family: Inter, Helvetica, Arial, sans-serif !important;
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
   }
 
   .xl\:font-thin {
@@ -181795,7 +181795,7 @@ input[type=text]::placeholder {
   }
 
   .\32xl\:font-sans {
-    font-family: Inter, Helvetica, Arial, sans-serif !important;
+    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
   }
 
   .\32xl\:font-thin {

components/dashboard/tailwind.config.js

@@ -33,7 +33,22 @@ module.exports = {
             },
         },
         fontFamily: {
-            'sans': ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
+          sans: [
+            'Inter',
+            'system-ui',
+            '-apple-system',
+            'BlinkMacSystemFont',
+            'Segoe UI',
+            'Roboto',
+            'Helvetica Neue',
+            'Arial',
+            'Noto Sans',
+            'sans-serif',
+            'Apple Color Emoji',
+            'Segoe UI Emoji',
+            'Segoe UI Symbol',
+            'Noto Color Emoji',
+          ],
         },
         underlineThickness: {
             'thin': '2px',