chore: update deps

internal/tailwind-config/package.json

@@ -45,9 +45,10 @@
     "./*": "./*"
   },
   "dependencies": {
-    "@iconify/json": "^2.2.213",
+    "@iconify/json": "^2.2.214",
     "@iconify/tailwind": "^1.1.1",
     "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.13",
     "autoprefixer": "^10.4.19",
     "cssnano": "^7.0.1",
     "postcss": "^8.4.38",

internal/tailwind-config/src/index.ts

@@ -4,8 +4,11 @@ import path from 'node:path';
 
 import { addDynamicIconSelectors } from '@iconify/tailwind';
 import formsPlugin from '@tailwindcss/forms';
+import typographyPlugin from '@tailwindcss/typography';
 import { fs, getPackagesSync } from '@vben/node-utils';
 import animate from 'tailwindcss-animate';
+
+import { plugins } from './plugins';
 // import defaultTheme from 'tailwindcss/defaultTheme';
 
 const { packages } = getPackagesSync();
@@ -27,7 +30,13 @@ export default {
     ),
   ],
   darkMode: 'class',
-  plugins: [animate, formsPlugin, addDynamicIconSelectors()],
+  plugins: [
+    ...plugins,
+    animate,
+    formsPlugin,
+    typographyPlugin,
+    addDynamicIconSelectors(),
+  ],
   prefix: '',
   safelist: ['dark'],
   theme: {
@@ -59,7 +68,7 @@ export default {
           hover: 'hsl(var(--color-accent-hover))',
         },
         background: 'hsl(var(--color-background) / <alpha-value>)',
-        body: 'hsl(var(--color-body) / <alpha-value>)',
+        // body: 'hsl(var(--color-body) / <alpha-value>)',
         border: 'hsl(var(--color-border))',
         card: {
           DEFAULT: 'hsl(var(--color-card))',

internal/tailwind-config/src/plugins.ts

@@ -0,0 +1,22 @@
+import type { Config } from 'tailwindcss';
+
+import plugin from 'tailwindcss/plugin';
+
+const flexCenterStyles = {
+  'align-items': 'center',
+  display: 'flex',
+  'justify-content': 'center',
+};
+
+const plugins = [
+  plugin(({ addUtilities }) => {
+    addUtilities({
+      '.flex-center': flexCenterStyles,
+      '.flex-col-center': {
+        ...flexCenterStyles,
+      },
+    });
+  }),
+] as unknown as Config['plugins'][];
+
+export { plugins };