chore: lazy load @tailwindcss/node and @tailwindcss/oxide

Author: sonofmagic

package.json

@@ -39,7 +39,7 @@
     "@commitlint/prompt-cli": "^19.7.1",
     "@commitlint/types": "^19.5.0",
     "@icebreakers/eslint-config": "^1.0.0",
-    "@icebreakers/monorepo": "^0.7.2",
+    "@icebreakers/monorepo": "^0.7.4",
     "@icebreakers/stylelint-config": "^1.0.0",
     "@rollup/pluginutils": "^5.1.4",
     "@tailwindcss-mangle/core": "workspace:*",
@@ -70,7 +70,7 @@
     "dedent": "^1.5.3",
     "defu": "^6.1.4",
     "del": "^8.0.0",
-    "eslint": "^9.20.0",
+    "eslint": "^9.20.1",
     "execa": "^9.5.2",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.0",
@@ -87,7 +87,7 @@
     "mini-css-extract-plugin": "^2.9.2",
     "normalize-newline": "^4.1.0",
     "only-allow": "^1.2.1",
-    "pathe": "^2.0.2",
+    "pathe": "^2.0.3",
     "pkg-types": "^1.3.1",
     "postcss": "^8.5.2",
     "postcss-loader": "^8.1.1",

packages/config/package.json

@@ -69,6 +69,6 @@
     "c12": "^2.0.2",
     "fs-extra": "^11.3.0",
     "is-css-request": "^1.0.1",
-    "pathe": "^2.0.2"
+    "pathe": "^2.0.3"
   }
 }

packages/core/package.json

@@ -73,7 +73,7 @@
     "fs-extra": "^11.3.0",
     "htmlparser2": "10.0.0",
     "magic-string": "^0.30.17",
-    "pathe": "^2.0.2",
+    "pathe": "^2.0.3",
     "postcss": "^8.5.2",
     "postcss-selector-parser": "^7.1.0"
   }

packages/tailwindcss-patch/package.json

@@ -76,18 +76,19 @@
     "@babel/traverse": "^7.26.8",
     "@babel/types": "^7.26.8",
     "@tailwindcss-mangle/config": "workspace:^",
-    "@tailwindcss/node": "^4.0.6",
-    "@tailwindcss/oxide": "^4.0.6",
     "cac": "^6.7.14",
     "consola": "^3.4.0",
     "fs-extra": "^11.3.0",
     "jiti": "^2.4.2",
     "lilconfig": "^3.1.3",
-    "pathe": "^2.0.2",
+    "pathe": "^2.0.3",
     "postcss": "^8.5.2",
-    "semver": "^7.7.1"
+    "semver": "^7.7.1",
+    "tailwindcss-config": "^0.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/node": "^4.0.6",
+    "@tailwindcss/oxide": "^4.0.6",
     "@tailwindcss/postcss": "^4.0.6",
     "@tailwindcss/vite": "^4.0.6",
     "tailwindcss": "^4",

packages/tailwindcss-patch/src/core/candidates.ts

@@ -1,12 +1,19 @@
 import process from 'node:process'
 import { defu } from '@tailwindcss-mangle/shared'
-import { __unstable__loadDesignSystem } from '@tailwindcss/node'
-import { Scanner } from '@tailwindcss/oxide'
+
+function importNode() {
+  return import('@tailwindcss/node')
+}
+
+function importOxide() {
+  return import('@tailwindcss/oxide')
+}
 
 export async function extractRawCandidates(
   content: string,
   extension: string = 'html',
 ): Promise<{ rawCandidate: string, start: number, end: number }[]> {
+  const { Scanner } = await importOxide()
   const scanner = new Scanner({})
 
   const result = scanner.getCandidatesWithPositions({ content, extension })
@@ -32,6 +39,7 @@ export async function extractValidCandidates(options: ExtractValidCandidatesOpti
     css: '@import "tailwindcss";',
     base: process.cwd(),
   })
+  const { __unstable__loadDesignSystem } = await importNode()
   const designSystem = await __unstable__loadDesignSystem(css, { base })
 
   const candidates = await extractRawCandidates(content)