Add test for subpath imports

Author: thecrypticace

tests/fixtures.test.ts

@@ -82,6 +82,11 @@ let fixtures = [
     dir: 'v4/css-loading-js',
     ext: 'html',
   },
+  {
+    name: 'v4: subpath imports',
+    dir: 'v4/subpath-imports',
+    ext: 'html',
+  },
   {
     name: 'custom npm package name: v3',
     dir: 'custom-pkg-name-v3',

tests/fixtures/v4/subpath-imports/app.css

@@ -0,0 +1,2 @@
+@import 'tailwindcss';
+@import '#theme';

tests/fixtures/v4/subpath-imports/index.html

@@ -0,0 +1 @@
+<div class="sm:bg-tomato bg-red-500"></div>

tests/fixtures/v4/subpath-imports/output.html

@@ -0,0 +1 @@
+<div class="bg-red-500 sm:bg-tomato"></div>

tests/fixtures/v4/subpath-imports/package-lock.json

@@ -0,0 +1,11 @@
+{
+  "dependencies": {
+    "tailwindcss": "^4.0.0"
+  },
+  "prettier": {
+    "tailwindStylesheet": "./app.css"
+  },
+  "imports": {
+    "#theme": "./theme.css"
+  }
+}

tests/fixtures/v4/subpath-imports/package.json

@@ -0,0 +1,3 @@
+@theme {
+  --color-tomato: tomato;
+}