fix(transformer-directives): implicitly :where() selector in apply (#4913)

Jungzl · web-flow · commit b7ba8d1e8011 · 2025-09-08T03:19:23.000Z
diff --git a/packages-presets/transformer-directives/src/apply.ts b/packages-presets/transformer-directives/src/apply.ts
@@ -116,6 +116,9 @@ export async function parseApply({ code, uno, applyVariable }: TransformerDirect
           const [first, ...parentSelectors] = parent.split(' $$ ').reverse()
           css = `${parentSelectors.reduce((p, c, i) => i === parentSelectors.length - 1 ? `${p}{${c}{${css}}}${'}'.repeat(i)}` : `${p}{${c}`, first)}`
         }
+        else if (parent === '.\\-') {
+          css = `${className}{${css}}`
+        }
         else {
           css = `${parent}{${css}}`
         }
diff --git a/test/transformer-directives.test.ts b/test/transformer-directives.test.ts
@@ -1600,6 +1600,25 @@ describe('wind4', () => {
           "
         `)
     })
+
+    it('implicitly :where() selector in apply', async () => {
+      const result = await transform(`.foo { @apply space-y-reverse divide-dotted; }`)
+
+      await expect(result).toMatchInlineSnapshot(`
+        ".foo {
+          :where(& > :not(:last-child)) {
+            --un-space-y-reverse: 1;
+            border-style: dotted;
+          }
+        }
+        @property --un-space-y-reverse {
+          syntax: "*";
+          inherits: false;
+          initial-value: 0;
+        }
+        "
+      `)
+    })
   })
 
   describe('transformer screen', async () => {

Original file line number	Diff line number	Diff line change
`@@ -116,6 +116,9 @@ export async function parseApply({ code, uno, applyVariable }: TransformerDirect`
`116`	`116`	`const [first, ...parentSelectors] = parent.split(' $$ ').reverse()`
`117`	`117`	css = `${parentSelectors.reduce((p, c, i) => i === parentSelectors.length - 1 ? `${p}{${c}{${css}}}${'}'.repeat(i)}` : `${p}{${c}`, first)}`
`118`	`118`	`}`
	`119`	`+ else if (parent === '.\\-') {`
	`120`	+ css = `${className}{${css}}`
	`121`	`+ }`
`119`	`122`	`else {`
`120`	`123`	css = `${parent}{${css}}`
`121`	`124`	`}`