Enable Tailwind CSS compiler for @tailwindcss integrations (close #1674)

Author: webpro

packages/knip/fixtures/plugins/tailwind3/main.js

@@ -0,0 +1,2 @@
+import '@tailwindcss/vite';
+import './styles.css';

packages/knip/fixtures/plugins/tailwind3/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@plugins/tailwind3",
+  "type": "module",
+  "dependencies": {
+    "radix-themes-tw": "*"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "*"
+  }
+}

packages/knip/fixtures/plugins/tailwind3/styles.css

@@ -0,0 +1 @@
+@import 'radix-themes-tw';

packages/knip/src/plugins/tailwind/index.ts

@@ -7,14 +7,14 @@ import compiler from './compiler.ts';
 
 const title = 'Tailwind';
 
-const enablers = ['tailwindcss'];
+const enablers = ['tailwindcss', '@tailwindcss/vite', '@tailwindcss/postcss', '@tailwindcss/cli'];
 
 const isEnabled: IsPluginEnabled = ({ dependencies }) => hasDependency(dependencies, enablers);
 
 const entry = ['tailwind.config.{js,cjs,mjs,ts}'];
 
 const registerCompilers: RegisterCompilers = ({ registerCompiler, hasDependency }) => {
-  if (hasDependency('tailwindcss')) registerCompiler({ extension: '.css', compiler });
+  if (enablers.some(enabler => hasDependency(enabler))) registerCompiler({ extension: '.css', compiler });
 };
 
 const plugin: Plugin = {

packages/knip/test/plugins/tailwind3.test.ts

@@ -0,0 +1,19 @@
+import assert from 'node:assert/strict';
+import test from 'node:test';
+import { main } from '../../src/index.ts';
+import baseCounters from '../helpers/baseCounters.ts';
+import { createOptions } from '../helpers/create-options.ts';
+import { resolve } from '../helpers/resolve.ts';
+
+const cwd = resolve('fixtures/plugins/tailwind3');
+
+test('Find dependencies with the Tailwind plugin (3)', async () => {
+  const options = await createOptions({ cwd });
+  const { counters } = await main(options);
+
+  assert.deepEqual(counters, {
+    ...baseCounters,
+    processed: 2,
+    total: 2,
+  });
+});