diff --git a/eslint.config.js b/eslint.config.js
index 5a857d8..f357075 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -2,6 +2,7 @@ import js from '@eslint/js';
 import astro from 'eslint-plugin-astro';
 import tailwindcss from 'eslint-plugin-tailwindcss';
 import ts from 'typescript-eslint';
+import tailwindConfig from './tailwind.config.js';
 
 /** @type {import('eslint').Linter.Config} */
 export default [
@@ -29,5 +30,10 @@ export default [
       // use prettier-plugin-tailwindcss for class sorting
       'tailwindcss/classnames-order': 'off',
     },
+    settings: {
+      tailwindcss: {
+        config: tailwindConfig,
+      },
+    },
   },
 ];
diff --git a/tailwind.config.js b/tailwind.config.js
index 04564c3..336388f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,8 +3,8 @@ import fs from 'node:fs';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import postcss from 'postcss';
-import colors from 'tailwindcss/colors';
-import plugin from 'tailwindcss/plugin';
+import colors from 'tailwindcss/colors.js';
+import plugin from 'tailwindcss/plugin.js';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);