devex: use tailwind preset for website, app, and ui package (#4964)

* use tailwind preset for website, app, and ui package

* fix preset import

packages/tooling-config/package.json

@@ -14,12 +14,14 @@
 		"./prettier.config.cjs": "./prettier.config.cjs",
 		"./frontend.prettier.config.cjs": "./frontend.prettier.config.cjs",
 		"./app-lib.prettier.config.cjs": "./app-lib.prettier.config.cjs",
-		"./labrinth.prettier.config.cjs": "./labrinth.prettier.config.cjs"
+		"./labrinth.prettier.config.cjs": "./labrinth.prettier.config.cjs",
+		"./tailwind/*": "./tailwind/*"
 	},
 	"files": [
 		"eslint/",
 		"typescript/",
 		"prettier/",
+		"tailwind/",
 		"index.js"
 	],
 	"peerDependencies": {

packages/tooling-config/tailwind/tailwind-preset.ts

@@ -1,14 +1,6 @@
-module.exports = {
-	content: [
-		'./src/components/**/*.{js,vue,ts}',
-		'./src/layouts/**/*.vue',
-		'./src/pages/**/*.vue',
-		'./src/plugins/**/*.{js,ts}',
-		'./src/app.vue',
-		'./src/error.vue',
-		// monorepo - TODO: migrate this to its own package
-		'../../packages/**/*.{js,vue,ts}',
-	],
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
 	theme: {
 		extend: {
 			colors: {
@@ -265,3 +257,5 @@ module.exports = {
 		preflight: false,
 	},
 }
+
+export default config

packages/ui/tailwind.config.js

@@ -1,5 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-	content: ['./tailwind-preset.js'],
-	presets: [require('./tailwind-preset.js')],
-}

packages/ui/tailwind.config.ts

@@ -0,0 +1,9 @@
+import preset from '@modrinth/tooling-config/tailwind/tailwind-preset.ts'
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
+	content: ['./src/components/**/*.{js,vue,ts}', './src/pages/**/*.{js,vue,ts}'],
+	presets: [preset],
+}
+
+export default config