[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/[email protected]?dev",
  "@twind/preset-tailwind": "https://esm.sh/@twind/[email protected]?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)

[stale]

Hey folks. This issue hasn't received any traction for 90 days, so we're going to close this for housekeeping. If this is still an ongoing issue, please do consider contributing a Pull Request to resolve it. Further discussion is always welcome even with the issue closed. If anything actionable is posted in the comments, we'll consider reopening it. ⓘ