diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 6ed698bd..02bbd8e1 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,4 +1,5 @@
 import tailwindTypography from '@tailwindcss/typography'
+import tailwindColors from 'tailwindcss/colors'
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -30,7 +31,7 @@ export default {
   	},
   	colors: (() => {
 		// Exclude deprecated color names to silence Tailwind v3 warnings
-		const { lightBlue, warmGray, trueGray, coolGray, blueGray, ...colors } = require('tailwindcss/colors')
+		const { lightBlue, warmGray, trueGray, coolGray, blueGray, ...colors } = tailwindColors
 		return {
 			...colors,
 			// Custom semantic colors (override defaults)