[Bug]: Classes added with injectGlobal can't reference each other with @apply

[phaux]

Reproduction

https://stackblitz.com/edit/tw-in-js-twind-4eadgq?file=index.html

injectGlobal`
  @layer utilities {
    .border-test {
      border: 1px solid red;
    }
  }

  @layer components {
    .my-card {
      @apply p-2 rounded-md bg-purple-300 border-test;
    }
  }   
`

<div class="my-card">Test</div>

Describe the bug

my-card doesn't automatically apply border-test. The latter class only works if added directly to the element too.

Severity

annoyance

System Info

{
  "@twind/core": "https://esm.sh/@twind/[email protected]?dev",
  "@twind/preset-tailwind": "https://esm.sh/@twind/[email protected]?dev"
}

Additional Information

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• tw-in-js-twind-4eadgq (Open reproduction)