chore: change storybook font to Inter

.storybook/preview-head.html

@@ -1,20 +1,18 @@
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link
-  href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
-  rel="stylesheet"
-/>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
+  rel="stylesheet" />
 
 <!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-YRPJJ3YB86"></script>
 <script>
   window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
+  function gtag() {dataLayer.push(arguments);}
   gtag('js', new Date());
 
   gtag('config', 'G-YRPJJ3YB86');
 </script>
 
 <script>
   window.global = window;
-</script>
+</script>

tailwind.config.js

@@ -4,5 +4,12 @@ module.exports = {
     './packages/*/src/**/*.{vue,js,ts,jsx,tsx}',
     './stories/*/**/*.{vue,js,ts,jsx,tsx,mdx}',
   ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter', 'sans-serif'],
+      },
+    },
+  },
   presets: [require('./packages/tailwind-config/preset')],
 };