Streamline Tailwind config file

tailwind.config.js

@@ -1,12 +1,13 @@
 /** @type {import('tailwindcss').Config} */
-const defaultTheme = require("tailwindcss/defaultTheme");
+const defaultTheme = require('tailwindcss/defaultTheme')
+
 module.exports = {
-    darkMode: "class",
+    darkMode: 'class',
     content: [
-        "./resources/**/*.blade.php",
+        './resources/**/*.blade.php',
-        "./resources/**/*.js",
+        './resources/**/*.js',
-        "./resources/**/*.vue",
+        './resources/**/*.vue',
-        "./node_modules/flowbite/**/*.js",
+        './node_modules/flowbite/**/*.js',
     ],
     safelist: [
         'text-stone-300',
@@ -14,20 +15,15 @@ module.exports = {
         'text-red-500',
         'text-pink-300',
         'text-purple-500',
-        'text-yellow-400'
+        'text-yellow-400',
     ],
     theme: {
         extend: {
             fontSize: {
-                '2xs': ".685rem",
+                '2xs': '.685rem',
             },
             fontFamily: {
-                sans: [
+                sans: ['Inter var', 'Inter', 'sans-serif', ...defaultTheme.fontFamily.sans],
-                    "Inter var",
-                    "Inter",
-                    "sans-serif",
-                    ...defaultTheme.fontFamily.sans,
-                ],
             },
         },
     },
@@ -37,8 +33,12 @@ module.exports = {
     variants: {
         extend: {
             textColor: ['group-hover'],
-        }
+        },
     },
-    plugins: [require("flowbite/plugin"), require("@tailwindcss/aspect-ratio"), require('tailwind-capitalize-first-letter'),
+    plugins: [
-        require('@tailwindcss/typography')],
+        require('flowbite/plugin'),
-};
+        require('@tailwindcss/aspect-ratio'),
+        require('tailwind-capitalize-first-letter'),
+        require('@tailwindcss/typography'),
+    ],
+}