From 06516f44e0e15b457aa312db12be5e395d71c5b0 Mon Sep 17 00:00:00 2001 From: blaipr Date: Thu, 25 Jun 2026 14:09:32 +0200 Subject: [PATCH 1/2] Remove unused tailwindcss devDependency tailwindcss is referenced in webpack.config.js behind a useTailwind guard that checks for tailwind.config.js, which does not exist. No component uses tailwind classes, @apply, or any tailwind directive. The package is installed but never loaded. --- awx/ui/package-lock.json | 8 -------- awx/ui/package.json | 1 - 2 files changed, 9 deletions(-) diff --git a/awx/ui/package-lock.json b/awx/ui/package-lock.json index 10f8a102..19327fa9 100644 --- a/awx/ui/package-lock.json +++ b/awx/ui/package-lock.json @@ -101,7 +101,6 @@ "semver": "^7.8.0", "style-loader": "^4.0.0", "styled-components": "^6.4.2", - "tailwindcss": "^4.3.0", "terser-webpack-plugin": "^5.6.0", "webpack": "^5.106.2", "webpack-dev-server": "^5.2.5", @@ -22872,13 +22871,6 @@ "integrity": "sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==", "license": "MIT" }, - "node_modules/tailwindcss": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.0.tgz", - "integrity": "sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==", - "dev": true, - "license": "MIT" - }, "node_modules/terser": { "version": "5.39.1", "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.1.tgz", diff --git a/awx/ui/package.json b/awx/ui/package.json index 12115704..7eef4b92 100644 --- a/awx/ui/package.json +++ b/awx/ui/package.json @@ -101,7 +101,6 @@ "semver": "^7.8.0", "style-loader": "^4.0.0", "styled-components": "^6.4.2", - "tailwindcss": "^4.3.0", "terser-webpack-plugin": "^5.6.0", "webpack": "^5.106.2", "webpack-dev-server": "^5.2.5", From a1c52debbf5b7d6f02381b90dbd88aabee64e081 Mon Sep 17 00:00:00 2001 From: blaipr Date: Thu, 25 Jun 2026 23:10:42 +0200 Subject: [PATCH 2/2] Remove Tailwind PostCSS branch from webpack config Strip the useTailwind guard and Tailwind-specific PostCSS plugin branch from the webpack config, completing the tailwindcss removal. --- awx/ui/config/webpack.config.js | 21 +-------------------- 1 file changed, 1 insertion(+), 20 deletions(-) diff --git a/awx/ui/config/webpack.config.js b/awx/ui/config/webpack.config.js index cb08b4d6..7bf0cb10 100644 --- a/awx/ui/config/webpack.config.js +++ b/awx/ui/config/webpack.config.js @@ -58,11 +58,6 @@ const imageInlineSizeLimit = parseInt( // Check if TypeScript is setup const useTypeScript = fs.existsSync(paths.appTsConfig); -// Check if Tailwind config exists -const useTailwind = fs.existsSync( - path.join(paths.appPath, 'tailwind.config.js') -); - // Get the path to the uncompiled service worker (if it exists). const swSrc = paths.swSrc; @@ -131,8 +126,7 @@ module.exports = function (webpackEnv) { // https://github.com/facebook/create-react-app/issues/2677 ident: 'postcss', config: false, - plugins: !useTailwind - ? [ + plugins: [ 'postcss-flexbugs-fixes', [ 'postcss-preset-env', @@ -147,19 +141,6 @@ module.exports = function (webpackEnv) { // so that it honors browserslist config in package.json // which in turn let's users customize the target behavior as per their needs. 'postcss-normalize', - ] - : [ - 'tailwindcss', - 'postcss-flexbugs-fixes', - [ - 'postcss-preset-env', - { - autoprefixer: { - flexbox: 'no-2009', - }, - stage: 3, - }, - ], ], }, sourceMap: isEnvProduction ? shouldUseSourceMap : isEnvDevelopment,