refactor: convert tailwind configto es module

tailwind.config.js

@@ -1,21 +1,20 @@
-const plugin = require('tailwindcss/plugin');
-const colors = require('tailwindcss/colors');
+import { neutral } from 'tailwindcss/colors';
+import plugin from 'tailwindcss/plugin';
 
 /** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
+export const content = [
   './pages/**/*.{js,ts,jsx,tsx}',
   './components/**/*.{js,ts,jsx,tsx}',
   './icons/**/*.{js,ts,jsx,tsx}',
   './app/**/*.{js,ts,jsx,tsx}'
-  ],
-  theme: {
+];
+export const theme = {
   extend: {
     fontFamily: {
       sans: ['var(--font-inter)']
     },
     colors: {
-        gray: colors.neutral,
+      gray: neutral,
       hotPink: '#FF1966',
       dark: '#111111',
       light: '#FAFAFA',
@@ -42,11 +41,11 @@ module.exports = {
       blink: 'blink 1.4s both infinite'
     }
   }
-  },
-  future: {
+};
+export const future = {
   hoverOnlyWhenSupported: true
-  },
-  plugins: [
+};
+export const plugins = [
   require('@tailwindcss/typography'),
   plugin(({ matchUtilities, theme }) => {
     matchUtilities(
@@ -62,5 +61,4 @@ module.exports = {
       }
     );
   })
-  ]
-};
+];