Missing syntax for several CSS types

[caugner]

Background

We have deprecated mdn-data, and recommend consumers to migrate to @webref/css, but it appears that mdn-data includes some data that is missing in webref. (See also: https://github.com/csstree/csstree/pull/355/files#r2585312764)

Problem

The following 115 types have no syntax in css.json:

https://drafts.csswg.org/css-animations-2/

• <animation-action>

https://drafts.csswg.org/css-box-4/

• <box>

https://drafts.csswg.org/css-cascade-6/

• <scope-end>
• <scope-start>

https://drafts.csswg.org/css-color-4/

• <deprecated-color>
• <hex-color>
• <named-color>
• <quirky-color>
• <system-color>

https://drafts.csswg.org/css-conditional-5/

• <boolean-condition>
• <scroll-state-feature>
• <size-feature>
• <style-feature-name>
• <style-feature-value>
• <supports-condition-name>

https://drafts.csswg.org/css-counter-styles-3/

• <counter-style-name>

https://drafts.csswg.org/css-extensions-1/

• <extension-name>

https://drafts.csswg.org/css-fonts-4/

• <font-src-list>
• <palette-identifier>
• <palette-mix()>

https://drafts.csswg.org/css-grid-2/

• <flex>

https://drafts.csswg.org/css-lists-3/

• <counter-name>

https://drafts.csswg.org/css-mixins-1/

• <dashed-function>

https://drafts.csswg.org/css-overflow-5/

• <scroll-button-direction>

https://drafts.csswg.org/css-page-3/

• <page-size>

https://drafts.csswg.org/css-shapes-1/

• <basic-shape>

https://drafts.csswg.org/css-speech-1/

• <age>
• <decibel>
• <gender>
• <semitones>

https://drafts.csswg.org/css-syntax-3/

• <(-token>
• <)-token>
• <CDC-token>
• <CDO-token>
• <[-token>
• <]-token>
• <any-value>
• <at-keyword-token>
• <at-rule-list>
• <bad-string-token>
• <bad-url-token>
• <block-contents>
• <colon-token>
• <comma-token>
• <dashndashdigit-ident>
• <declaration-list>
• <declaration-rule-list>
• <declaration-value>
• <delim-token>
• <dimension-token>
• <eof-token>
• <function-token>
• <hash-token>
• <ident-token>
• <n-dimension>
• <ndash-dimension>
• <ndashdigit-dimension>
• <ndashdigit-ident>
• <number-token>
• <percentage-token>
• <qualified-rule-list>
• <rule-list>
• <semicolon-token>
• <signed-integer>
• <signless-integer>
• <string-token>
• <unicode-range-token>
• <url-token>
• <whitespace-token>
• <{-token>
• <}-token>

https://drafts.csswg.org/css-transforms-2/

• <transform-function>

https://drafts.csswg.org/css-ui-4/

• <id>
• <outline-line-style>
• <target-name>
• <url-set>

https://drafts.csswg.org/css-values-4/

• <angle>
• <custom-ident>
• <dashed-ident>
• <dimension>
• <frequency>
• <ident>
• <integer>
• <length>
• <number>
• <percentage>
• <quirky-length>
• <resolution>
• <string>
• <time>
• <url-modifier>
• <zero>

https://drafts.csswg.org/css-values-5/

• <attr-unit>
• <segment-options>
• <size-keyword>
• <whole-value>

https://drafts.csswg.org/css-variables-2/

• <custom-property-name>

https://drafts.csswg.org/css2/

• <absolute-size>
• <border-style>
• <border-width>
• <bottom>
• <identifier>
• <left>
• <margin-width>
• <padding-width>
• <relative-size>
• <right>
• <shape>
• <top>
• <uri>

https://drafts.csswg.org/mediaqueries-5/

• <media-query-list>

https://drafts.csswg.org/pointer-animations-1/

• <timeline-range-center-subject>

https://drafts.csswg.org/scroll-animations-1/

• <timeline-range-name>

https://drafts.csswg.org/selectors-4/

• <forgiving-selector-list>

https://drafts.csswg.org/selectors-5/

• <level>

---

Generated by opening https://unpkg.com/@webref/css/css.json in Firefox, and running the following snippet in Firefox DevTools:

Object.entries(
  $json.data.types
    .filter((type) => !type.syntax)
    .map((type) => [
      type.href.split("#")[0],
      `- [\`<${type.name}>\`](${type.href})`,
    ])
    .toSorted()
    .reduce((map, [key, item]) => {
      map[key] ||= [];
      map[key].push(item);
      return map;
    }, {}),
)
  .map(([key, items]) => `### ${key}\n\n${items.join("\n")}`)
  .join("\n\n");