chore: update deps and expand tailwindcss-patch coverage

sonofmagic · sonofmagic · commit db582e309a45 · 2026-02-19T23:57:03.000+08:00
diff --git a/.changeset/sixty-weeks-punch.md b/.changeset/sixty-weeks-punch.md
@@ -0,0 +1,5 @@
+---
+'tailwindcss-patch': patch
+---
+
+test(tailwindcss-patch): add broader unit coverage for @tailwindcss/node@4.2.0 utility families, variants, fallback base loading, and `@source inline()` parsing.
diff --git a/apps/astro-app/package.json b/apps/astro-app/package.json
@@ -14,6 +14,6 @@
     "preview": "astro preview"
   },
   "dependencies": {
-    "astro": "^5.17.2"
+    "astro": "^5.17.3"
   }
 }
diff --git a/apps/next-app-router/package.json b/apps/next-app-router/package.json
@@ -15,7 +15,7 @@
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
-    "@types/node": "^25.2.3",
+    "@types/node": "^25.3.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "eslint": "^10.0.0",
diff --git a/apps/next-app/package.json b/apps/next-app/package.json
@@ -11,7 +11,7 @@
     "tw-extract": "tw-patch extract"
   },
   "dependencies": {
-    "@types/node": "25.2.3",
+    "@types/node": "25.3.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "autoprefixer": "10.4.24",
diff --git a/apps/nuxt-app/package.json b/apps/nuxt-app/package.json
@@ -12,7 +12,7 @@
     "tw-extract": "tw-patch extract"
   },
   "devDependencies": {
-    "@types/node": "^25.2.3",
+    "@types/node": "^25.3.0",
     "autoprefixer": "^10.4.24",
     "nuxt": "^4.3.1",
     "postcss": "^8.4.47",
diff --git a/apps/vite-react/package.json b/apps/vite-react/package.json
@@ -15,7 +15,7 @@
     "@nextui-org/react": "^2.4.8",
     "@nextui-org/system": "^2.2.6",
     "@nextui-org/theme": "^2.2.11",
-    "framer-motion": "^12.34.0",
+    "framer-motion": "^12.34.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-router-dom": "^7.13.0"
diff --git a/apps/vite-svelte/package.json b/apps/vite-svelte/package.json
@@ -13,11 +13,11 @@
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
-    "@tsconfig/svelte": "^5.0.4",
+    "@tsconfig/svelte": "^5.0.8",
     "autoprefixer": "^10.4.24",
     "postcss": "^8.4.47",
-    "svelte": "^5.0.5",
-    "svelte-check": "^4.0.5",
+    "svelte": "^5.53.0",
+    "svelte-check": "^4.4.1",
     "tailwindcss": "^3.4.14",
     "tslib": "^2.8.0",
     "typescript": "^5.9.3",
diff --git a/apps/webpack5-vue3/package.json b/apps/webpack5-vue3/package.json
@@ -16,15 +16,15 @@
     "vue-router": "^5.0.2"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.11.0",
-    "@typescript-eslint/parser": "^8.11.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
     "@vue/cli-plugin-babel": "~5.0.8",
     "@vue/cli-plugin-eslint": "~5.0.8",
     "@vue/cli-plugin-router": "~5.0.8",
     "@vue/cli-plugin-typescript": "~5.0.8",
     "@vue/cli-service": "~5.0.8",
     "@vue/eslint-config-standard": "^9.0.1",
-    "@vue/eslint-config-typescript": "^14.1.2",
+    "@vue/eslint-config-typescript": "^14.7.0",
     "autoprefixer": "^10.4.24",
     "eslint": "^10.0.0",
     "eslint-plugin-import": "^2.31.0",
diff --git a/package.json b/package.json
@@ -35,9 +35,9 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.2",
     "@changesets/cli": "^2.29.8",
-    "@commitlint/cli": "^20.4.1",
-    "@commitlint/config-conventional": "^20.4.1",
-    "@commitlint/prompt-cli": "^20.4.1",
+    "@commitlint/cli": "^20.4.2",
+    "@commitlint/config-conventional": "^20.4.2",
+    "@commitlint/prompt-cli": "^20.4.2",
     "@commitlint/types": "^20.4.0",
     "@icebreakers/changelog-github": "^0.2.0",
     "@icebreakers/commitlint-config": "^1.2.7",
@@ -47,7 +47,7 @@
     "@rollup/pluginutils": "^5.3.0",
     "@tailwindcss-mangle/core": "workspace:*",
     "@tailwindcss-mangle/shared": "workspace:*",
-    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/postcss": "^4.2.0",
     "@tsconfig/recommended": "^1.0.13",
     "@types/babel__generator": "^7.27.0",
     "@types/babel__helper-plugin-utils": "^7.10.3",
@@ -59,16 +59,16 @@
     "@types/lodash": "^4.17.23",
     "@types/lodash-es": "^4.17.12",
     "@types/micromatch": "^4.0.10",
-    "@types/node": "^25.2.3",
+    "@types/node": "^25.3.0",
     "@types/resolve": "^1.20.6",
     "@types/semver": "^7.7.1",
     "@types/set-value": "^4.0.3",
     "@vitest/coverage-v8": "~4.0.18",
-    "astro": "^5.17.2",
+    "astro": "^5.17.3",
     "ci-info": "^4.4.0",
     "comment-json": "^4.5.1",
     "cross-env": "^10.1.0",
-    "css-loader": "^7.1.3",
+    "css-loader": "^7.1.4",
     "dedent": "^1.7.1",
     "defu": "^6.1.4",
     "del": "^8.0.1",
@@ -96,10 +96,10 @@
     "picomatch": "^4.0.3",
     "pkg-types": "^2.3.0",
     "postcss": "^8.5.6",
-    "postcss-loader": "^8.2.0",
+    "postcss-loader": "^8.2.1",
     "postcss7": "npm:postcss@7",
     "prettier": "^3.8.1",
-    "rimraf": "^6.1.2",
+    "rimraf": "^6.1.3",
     "rollup": "^4.57.1",
     "set-value": "^4.1.0",
     "stylelint": "^17.3.0",
@@ -110,7 +110,7 @@
     "tslib": "^2.8.1",
     "tsup": "^8.5.1",
     "tsx": "^4.21.0",
-    "turbo": "^2.8.9",
+    "turbo": "^2.8.10",
     "type-fest": "^5.4.4",
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -78,7 +78,7 @@
     "pathe": "^2.0.3",
     "postcss": "^8.5.6",
     "postcss-selector-parser": "^7.1.1",
-    "svelte": "^5.51.1"
+    "svelte": "^5.53.0"
   },
   "devDependencies": {
     "@types/parse5": "^7.0.0"
diff --git a/packages/tailwindcss-patch/package.json b/packages/tailwindcss-patch/package.json
@@ -85,7 +85,7 @@
     "@babel/traverse": "^7.29.0",
     "@babel/types": "^7.29.0",
     "@tailwindcss-mangle/config": "workspace:*",
-    "@tailwindcss/node": "^4.1.18",
+    "@tailwindcss/node": "^4.2.0",
     "cac": "^6.7.14",
     "consola": "^3.4.2",
     "fs-extra": "^11.3.3",
@@ -96,9 +96,9 @@
     "tailwindcss-config": "^1.1.4"
   },
   "devDependencies": {
-    "@tailwindcss/oxide": "^4.1.18",
-    "@tailwindcss/postcss": "^4.1.18",
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/oxide": "^4.2.0",
+    "@tailwindcss/postcss": "^4.2.0",
+    "@tailwindcss/vite": "^4.2.0",
     "tailwindcss": "catalog:tailwindcss4",
     "tailwindcss-3": "catalog:tailwindcss3",
     "tailwindcss-4": "catalog:tailwindcss4"
diff --git a/packages/tailwindcss-patch/test/extraction.candidate-extractor.test.ts b/packages/tailwindcss-patch/test/extraction.candidate-extractor.test.ts
@@ -1,3 +1,4 @@
+import { createRequire } from 'node:module'
 import path from 'pathe'
 import { describe, expect, it } from 'vitest'
 import {
@@ -7,8 +8,51 @@ import {
   groupTokensByFile,
 } from '@/extraction/candidate-extractor'
 
+const require = createRequire(import.meta.url)
 const fixturesRoot = path.resolve(__dirname, 'fixtures')
 const tokenFixturesRoot = path.resolve(fixturesRoot, 'token-scan')
+const tailwindNodeBase = path.dirname(require.resolve('@tailwindcss/node'))
+const v42FeaturePattern = 'v4/features-4.2.html'
+
+const v42UtilityCandidates = [
+  'text-shadow-md',
+  'inset-ring-2',
+  'field-sizing-content',
+  'font-stretch-120%',
+  'inline-4',
+  'min-inline-8',
+  'max-inline-12',
+  'block-4',
+  'min-block-8',
+  'max-block-12',
+  'pbs-4',
+  'pbe-6',
+  'inset-bs-2',
+  'inset-be-3',
+  'ms-4',
+  'me-6',
+  'border-s',
+  'border-e',
+  'rounded-s',
+  'rounded-e',
+  'start-4',
+  'end-4',
+  'scheme-dark',
+  'text-wrap',
+  'text-pretty',
+  'text-balance',
+  'mask-none',
+  'mask-linear-45',
+  'mask-radial-at-center',
+]
+
+const v42VariantCandidates = [
+  'inert:opacity-50',
+  'nth-3:bg-red-500',
+  'nth-last-2:bg-blue-500',
+  'nth-of-type-4:text-green-500',
+  'nth-last-of-type-5:underline',
+]
 
 describe('candidate extractor', () => {
   it('returns candidate positions for raw content', async () => {
@@ -54,6 +98,74 @@ describe('candidate extractor', () => {
     expect(result).not.toContain('text/html')
   })
 
+  it('supports Tailwind v4.2 utility families via @tailwindcss/node', async () => {
+    const result = await extractValidCandidates({
+      base: tailwindNodeBase,
+      sources: [
+        {
+          base: fixturesRoot,
+          pattern: v42FeaturePattern,
+          negated: false,
+        },
+      ],
+    })
+
+    expect(result).toEqual(expect.arrayContaining(v42UtilityCandidates))
+    expect(result).not.toContain('definitely-not-a-tailwind-class')
+  })
+
+  it('supports Tailwind v4.2 structural variants via @tailwindcss/node', async () => {
+    const result = await extractValidCandidates({
+      base: tailwindNodeBase,
+      sources: [
+        {
+          base: fixturesRoot,
+          pattern: v42FeaturePattern,
+          negated: false,
+        },
+      ],
+    })
+
+    expect(result).toEqual(expect.arrayContaining(v42VariantCandidates))
+  })
+
+  it('falls back to secondary base directories when loading v4.2 design system', async () => {
+    const result = await extractValidCandidates({
+      base: path.join(fixturesRoot, '__missing-tailwind-base__'),
+      baseFallbacks: [tailwindNodeBase],
+      sources: [
+        {
+          base: fixturesRoot,
+          pattern: v42FeaturePattern,
+          negated: false,
+        },
+      ],
+    })
+
+    expect(result).toEqual(expect.arrayContaining(['text-shadow-md', 'inert:opacity-50']))
+  })
+
+  it('accepts @source inline() syntax with extra whitespace in css option', async () => {
+    const result = await extractValidCandidates({
+      base: tailwindNodeBase,
+      css: [
+        '@import "tailwindcss";',
+        '@source inline(  "text-shadow-md"  );',
+        '@source not inline( "text-shadow-2xs" );',
+      ].join('\n'),
+      sources: [
+        {
+          base: fixturesRoot,
+          pattern: v42FeaturePattern,
+          negated: false,
+        },
+      ],
+    })
+
+    expect(result).toContain('text-shadow-md')
+    expect(result).toContain('text-pretty')
+  })
+
   it('scans project files for token metadata', async () => {
     const result = await extractProjectCandidatesWithPositions({
       cwd: tokenFixturesRoot,
diff --git a/packages/tailwindcss-patch/test/fixtures/v4/features-4.2.html b/packages/tailwindcss-patch/test/fixtures/v4/features-4.2.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Tailwind 4.2 Fixture</title>
+</head>
+<body>
+  <div
+    class="
+      text-shadow-md inset-ring-2 field-sizing-content font-stretch-120%
+      inline-4 min-inline-8 max-inline-12 block-4 min-block-8 max-block-12
+      pbs-4 pbe-6 inset-bs-2 inset-be-3 ms-4 me-6
+      border-s border-e rounded-s rounded-e start-4 end-4
+      scheme-dark text-wrap text-pretty text-balance
+      mask-none mask-linear-45 mask-radial-at-center
+      inert:opacity-50 nth-3:bg-red-500 nth-last-2:bg-blue-500
+      nth-of-type-4:text-green-500 nth-last-of-type-5:underline
+      definitely-not-a-tailwind-class
+    "
+  ></div>
+</body>
+</html>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/package.json b/website/package.json

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'tailwindcss-patch': patch
 +---
++
 +test(tailwindcss-patch): add broader unit coverage for @tailwindcss/node@4.2.0 utility families, variants, fallback base loading, and `@source inline()` parsing.
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,6 @@`
`14`	`14`	`"preview": "astro preview"`
`15`	`15`	`},`
`16`	`16`	`"dependencies": {`
`17`		`- "astro": "^5.17.2"`
	`17`	`+ "astro": "^5.17.3"`
`18`	`18`	`}`
`19`	`19`	`}`