diff --git a/.changeset/vast-sheep-switch.md b/.changeset/vast-sheep-switch.md
new file mode 100644
index 00000000..d60f5347
--- /dev/null
+++ b/.changeset/vast-sheep-switch.md
@@ -0,0 +1,5 @@
+---
+"@tailwindcss-mangle/config": minor
+---
+
+refine js-related file extension matching
diff --git a/packages/config/src/defaults.ts b/packages/config/src/defaults.ts
index 5225b013..b19f47a9 100644
--- a/packages/config/src/defaults.ts
+++ b/packages/config/src/defaults.ts
@@ -4,7 +4,7 @@ import { defaultMangleClassFilter } from '@tailwindcss-mangle/shared'
 import { CSS_LANGS_RE } from 'is-css-request'
 // /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/
 const defaultPipelineInclude = [
-  /\.(html|js|ts|jsx|tsx|vue|svelte|astro|elm|php|phtml|mdx|md)(?:$|\?)/,
+  /\.(html|js|cjs|mjs|ts|cts|mts|jsx|tsx|vue|svelte|astro|elm|php|phtml|mdx|md)(?:$|\?)/,
   CSS_LANGS_RE,
 ]
 
diff --git a/packages/config/test/__snapshots__/defaults.test.ts.snap b/packages/config/test/__snapshots__/defaults.test.ts.snap
index 4a9af9fb..a025384e 100644
--- a/packages/config/test/__snapshots__/defaults.test.ts.snap
+++ b/packages/config/test/__snapshots__/defaults.test.ts.snap
@@ -39,7 +39,7 @@ exports[`defaults > getDefaultUserConfig 1`] = `
     "sources": {
       "exclude": [],
       "include": [
-        "/\\.(html|js|ts|jsx|tsx|vue|svelte|astro|elm|php|phtml|mdx|md)(?:$|\\?)/",
+        "/\\.(html|js|cjs|mjs|ts|cts|mts|jsx|tsx|vue|svelte|astro|elm|php|phtml|mdx|md)(?:$|\\?)/",
         "/\\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\\?)/",
       ],
     },
diff --git a/packages/config/test/__snapshots__/index.test.ts.snap b/packages/config/test/__snapshots__/index.test.ts.snap
index b070f5f1..2538865e 100644
--- a/packages/config/test/__snapshots__/index.test.ts.snap
+++ b/packages/config/test/__snapshots__/index.test.ts.snap
@@ -33,7 +33,7 @@ exports[`config > 2.transformer-options 1`] = `
     "sources": {
       "exclude": [],
       "include": [
-        "/\\.(html|js|ts|jsx|tsx|vue|svelte|astro|elm|php|phtml|mdx|md)(?:$|\\?)/",
+        "/\\.(html|js|cjs|mjs|ts|cts|mts|jsx|tsx|vue|svelte|astro|elm|php|phtml|mdx|md)(?:$|\\?)/",
         "/\\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\\?)/",
       ],
     },
diff --git a/packages/unplugin-tailwindcss-mangle/src/core/factory.ts b/packages/unplugin-tailwindcss-mangle/src/core/factory.ts
index 98baab65..979fb8d2 100644
--- a/packages/unplugin-tailwindcss-mangle/src/core/factory.ts
+++ b/packages/unplugin-tailwindcss-mangle/src/core/factory.ts
@@ -33,7 +33,7 @@ const factory: UnpluginFactory<TransformerOptions | undefined> = (options) => {
           ctx,
           id,
         }
-        if (/\.[jt]sx?(?:$|\?)/.test(id)) {
+        if (/\.[cm]?[jt]sx?(?:$|\?)/.test(id)) {
           return jsHandler(code, opts)
         }
         else if (/\.(?:vue|svelte)(?:$|\?)/.test(id)) {