5 files changed, 22 insertions, 13 deletions
diff --git a/apps/storybook/postcss.config.js b/apps/storybook/postcss.config.js
deleted file mode 100644
index 19ea98c..0000000
--- a/apps/storybook/postcss.config.js
+++ /dev/null
@@ -1,10 +0,0 @@
-module.exports = {
-	plugins: {
-		'tailwindcss': {},
-		'autoprefixer': {},
-		'postcss-pseudo-companion-classes': {
-			prefix: 'sb-pseudo--',
-			restrictTo: [':hover', ':focus'],
-		},
-	},
-};
diff --git a/apps/storybook/postcss.config.ts b/apps/storybook/postcss.config.ts
new file mode 100644
index 0000000..a94bdf1
--- /dev/null
+++ b/apps/storybook/postcss.config.ts
@@ -0,0 +1,18 @@
+import autoprefixer from 'autoprefixer';
+import tailwindcss from 'tailwindcss';
+
+// @ts-expect-error no typings for this
+import pseudo from 'postcss-pseudo-companion-classes';
+
+const config = {
+	plugins: [
+		autoprefixer(),
+		tailwindcss(),
+		pseudo({
+			prefix: 'sb-pseudo--',
+			restrictTo: [':hover', ':focus'],
+		}),
+	],
+};
+
+export default config;
diff --git a/apps/storybook/tailwind.config.js b/apps/storybook/tailwind.config.js
deleted file mode 100644
index 595a567..0000000
--- a/apps/storybook/tailwind.config.js
+++ /dev/null
@@ -1,2 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = require('@polyfrost/ui/tailwind')('web');
diff --git a/apps/storybook/tailwind.config.ts b/apps/storybook/tailwind.config.ts
new file mode 100644
index 0000000..7ecde6c
--- /dev/null
+++ b/apps/storybook/tailwind.config.ts
@@ -0,0 +1,3 @@
+import tailwind from '@polyfrost/ui/style/tailwind';
+
+export default await tailwind('web');
diff --git a/apps/storybook/vite.config.ts b/apps/storybook/vite.config.ts
index b6ead16..855fd25 100644
--- a/apps/storybook/vite.config.ts
+++ b/apps/storybook/vite.config.ts
@@ -1,4 +1,4 @@
-import baseConfig from '../../packages/config/vite';
+import baseConfig from '@polyfrost/config/vite';
 
 // https://vitejs.dev/config/
 export default baseConfig;