"Error: could not find syntax for this item" on several CSS pages

[BANOnotIT]

MDN URL

• https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style#formal_syntax
• https://developer.mozilla.org/en-US/docs/Web/CSS/stop-color#formal_syntax
• https://developer.mozilla.org/en-US/docs/Web/CSS/stop-opacity#formal_syntax
• https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-stretch#formal_syntax

What specific section or headline is this issue about?

Formal Syntax

What information was incorrect, unhelpful, or incomplete?

It shows "Error: could not find syntax for this item"

What did you expect to see?

I expect to see syntax or to not see this section at all

Do you have any supporting links, references, or citations?

Relates to mdn/rari#89

Do you have anything more you want to share?

Found these errors using site search. There are possible other instances of this problem.

cc @pepelsbey

[Josh-Cena]

Relatedly: I tried to use the new CSSSyntaxRaw macro in other places where we hardcode syntax, but turns out that it does not render the syntax expression itself, because it was implemented to help with the repeat() case, where repeat() itself in fact does not have a syntax. However, for the other cases where we document non-standard properties, we do want to be able to write {{CSSSyntaxRaw("-moz-float-edge = content-box | margin-box")}} and get that rendered verbatim as a definition. I've talked to @fiji-flo about this. I think it can be done together in this issue; we just need to look for ## Formal syntax(?!\n\n\{\{).

Also, I have this website that tracks errors like this: https://jc-verse.github.io/mdn-graph/warnings it has been defunct since Rari migration, but I'm planning to bring it back once the migration is fully over.