add failing test

Author: RobinMalfait

packages/tailwindcss/src/index.test.ts

@@ -461,6 +461,40 @@ describe('@apply', () => {
       }"
     `)
   })
+
+  it('should recursively apply with custom `@utility`, which is used before it is defined', async () => {
+    expect(
+      await compileCss(
+        css`
+          @tailwind utilities;
+
+          @layer base {
+            body {
+              @apply my-flex;
+            }
+          }
+
+          @utility my-flex {
+            @apply flex;
+            /* margin: calc(theme(--spacing) * 4); */
+          }
+        `,
+        ['flex', 'my-flex'],
+      ),
+    ).toMatchInlineSnapshot(`
+      ".flex {
+        display: flex;
+      }
+
+      @apply flex;
+
+      @layer base {
+        body {
+          display: flex;
+        }
+      }"
+    `)
+  })
 })
 
 describe('arbitrary variants', () => {