update test to also use Lightning CSS

Author: RobinMalfait

packages/tailwindcss/src/index.test.ts

@@ -888,7 +888,7 @@ describe('@apply', () => {
   })
 
   it('should be usable with CSS mixins', async () => {
-    let compiler = await compile(css`
+    let input = css`
       .foo {
         /* Utility usage */
         @apply underline;
@@ -902,8 +902,9 @@ describe('@apply', () => {
           color: red;
         }
       }
-    `)
+    `
 
+    let compiler = await compile(input)
     expect(compiler.build([])).toMatchInlineSnapshot(`
       ".foo {
         text-decoration-line: underline;
@@ -917,6 +918,26 @@ describe('@apply', () => {
       }
       "
     `)
+
+    // TODO: This output is currently broken because Lightning CSS doesn't
+    // handle this case correctly yet
+    expect(await compileCss(input)).toMatchInlineSnapshot(`
+      ".foo {
+        text-decoration-line: underline;
+      }
+
+      @apply --my-mixin-1;
+
+      @apply --my-mixin-1();
+
+      @apply --my-mixin-1 --my-mixin-2;
+
+      @apply --my-mixin-1() --my-mixin-2();
+
+      @apply --my-mixin-3 {
+        color: red;
+      }"
+    `)
   })
 
   it('should error when trying to use mixins and utilities together', async () => {