@parcel/transformer-css: Unknown at rule: @keyframes

[SetTrend]

🐛 bug report

The CSS @keyframes at-rule is unknown to parcel.

🚨 Build failed.

@parcel/transformer-css: Unknown at rule: @keyframes

🎛 Configuration (.babelrc, package.json, cli command)

{
  "source": [
    "src/*.html",
    "src/*.gif"
  ],
  "type": "module",
  "scripts": {
    "parcel:dev:build": "parcel build --target dev --no-content-hash",
    "parcel:prod:build": "parcel build --target prod --no-content-hash"
  },
  "targets": {
    "dev": {
      "optimize": false,
      "distDir": "dist/dev"
    },
    "prod": {
      "sourceMap": false,
      "distDir": "dist/prod"
    }
  },
  "devDependencies": {
    "@parcel/transformer-jsonld": "^2.16.0",
    "parcel": "^2.16.0"
  }
}

🤔 Expected Behavior

The CSS should transpile flawlessly

😯 Current Behavior

🚨 Build failed.

@parcel/transformer-css: Unknown at rule: @keyframes

🔦 Context

I'm trying to render a HTML page, with CSS and TypeScript referenced through <link> and <script> tags.

💻 Code Sample

CSS

@keyframes unveil
{
  to
  {
    opacity: 1;
  }
}

html,
body
{
 ...
}