[Bug]: keyframes added with injectGlobal only contain the last keyframe

[phaux]

Reproduction

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

injectGlobal`
.animate-test {
  animation: test 0.5s linear infinite;
}

@keyframes test {
  from, to {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
`;

<div class="animate-test">Test</div>

Describe the bug

Look at animate-test class and test animation in Chrome devtools.

Severity

annoyance

System Info

{
  "@twind/core": "https://esm.sh/@twind/core@1.1.3?dev",
  "@twind/preset-tailwind": "https://esm.sh/@twind/preset-tailwind@1.1.4?dev"
}


deno 1.37.2

Additional Information

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• tw-in-js-twind-a1nbqx (Open reproduction)