How to add multiple @font-face CSS to a custom registry

[axieum]

Given this css in a registry:style, how can we add multiple @font-face rules?

{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "custom",
  "items": [
    {
      "type": "registry:style",
      "name": "custom",
      "title": "Custom Style",
      "description": "A custom component style.",
      "dependencies": ["class-variance-authority", "lucide-react"],
      "devDependencies": ["tw-animate-css"],
      "cssVars": {
        "theme": {
          "font-sans": "\"My-Font\", ui-sans-serif, system-ui, sans-serif, ..."
        },
        // ...
      },
      "css": {
        "@font-face": {
          "font-family": "My-Font",
          "font-weight": "400",
          "font-style": "normal",
          "font-display": "swap",
          "src": "url(https://some.url/My-Font-Regular.woff2) format('woff2')"
        },
        "@font-face": {
          "font-family": "My-Font",
          "font-weight": "700",
          "font-style": "normal",
          "font-display": "swap",
          "src": "url(https://some.url/My-Font-Medium.woff2) format('woff2')"
        },
        "@font-face": {
          "font-family": "My-Font",
          "font-weight": "900",
          "font-style": "normal",
          "font-display": "swap",
          "src": "url(https://some.url/My-Font-Bold.woff2) format('woff2')"
        },
      }
    }
  ]
}

It's not valid JSON as @font-face is duplicated.

I have tried changing the keys with comments, e.g.

"css": {
  "@font-face /* My-Font Regular */": { ... },
  "@font-face /* My-Font Medium */": { ... },
  "@font-face /* My-Font Bold */": { ... },
}

But shadcn CLI rejects as unknown rule.

[axieum]

FWIW the font is not available as a variable font (multiple weights in the one file).