Extend <display-inside> with math | layout(<ident>)

w3c/csswg-drafts/issues#9399
w3c/css-houdini-drafts/issues#1074

Author: cdoublev

lib/properties/definitions.js

@@ -2725,7 +2725,7 @@ module.exports = {
             ),
             serialized: 'inline',
         },
-        value: '<display-outside> || <display-inside> | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [<display-inside> | math]',
+        value: '<display-outside> || <display-inside> | <display-listitem> | <display-internal> | <display-box> | <display-legacy>',
     },
     'dominant-baseline': {
         initial: {

lib/values/definitions.js

@@ -148,7 +148,7 @@ module.exports = {
     '<dimension>': '<dimension-token>',
     '<discretionary-lig-values>': 'discretionary-ligatures | no-discretionary-ligatures',
     '<display-box>': 'contents | none',
-    '<display-inside>': 'flow | flow-root | table | flex | grid | ruby',
+    '<display-inside>': 'flow | flow-root | table | flex | grid | ruby | math | layout(<ident>)',
     '<display-internal>': 'table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container',
     '<display-legacy>': 'inline-block | inline-table | inline-flex | inline-grid',
     '<display-listitem>': '<display-outside>? && [flow | flow-root]? && list-item',

scripts/extract.js

@@ -113,6 +113,7 @@ const replaced = {
     types: {
         // Extensions (https://github.com/w3c/reffy/issues/1647)
         '<color>': '<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()> | <color-interpolate()>',
+        '<display-inside>': 'flow | flow-root | table | flex | grid | ruby | math | layout(<ident>)',
         '<keyframe-selector>': 'from | to | <percentage [0,100]> | <timeline-range-name> <percentage>',
         '<image>': '<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient> | <paint()>',
         '<single-animation-timeline>': 'auto | none | <dashed-ident> | <pointer()> | <scroll()> | <view()>',
@@ -452,6 +453,10 @@ const excluded = {
             // Prefer SVG
             'pointer-events',
         ],
+        'mathml-core': [
+            // https://github.com/w3c/csswg-drafts/issues/9399, https://github.com/w3c/css-houdini-drafts/issues/1074
+            'display',
+        ],
     },
     rules: {},
     selectors: {