@webstudio-is/css-data 0.18.1 → 0.20.0

package/lib/cjs/__generated__/properties.cjs

@@ -23,6 +23,7 @@ __export(properties_exports, {
 module.exports = __toCommonJS(properties_exports);
 const properties = {
   accentColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -32,6 +33,7 @@ const properties = {
     appliesTo: "allElements"
   },
   alignContent: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -41,15 +43,17 @@ const properties = {
     appliesTo: "multilineFlexContainers"
   },
   alignItems: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
       value: "normal"
     },
     popularity: 0.71654912,
-    appliesTo: "allElements"
+    appliesTo: "flexContainersGridContainers"
   },
   alignSelf: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -59,6 +63,7 @@ const properties = {
     appliesTo: "flexItemsGridItemsAndAbsolutelyPositionedBoxes"
   },
   alignTracks: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -67,17 +72,29 @@ const properties = {
     popularity: 0,
     appliesTo: "gridContainersWithMasonryLayoutInTheirBlockAxis"
   },
+  animationComposition: {
+    unitGroups: [],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "replace"
+    },
+    popularity: 0,
+    appliesTo: "allElements"
+  },
   animationDelay: {
+    unitGroups: ["time"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "s",
       value: 0
     },
     popularity: 0.27086537,
     appliesTo: "allElementsAndPseudos"
   },
   animationDirection: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -87,16 +104,18 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   animationDuration: {
+    unitGroups: ["time"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "s",
       value: 0
     },
     popularity: 0.4062731,
     appliesTo: "allElementsAndPseudos"
   },
   animationFillMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -106,16 +125,18 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   animationIterationCount: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 1
     },
     popularity: 0.21759716,
     appliesTo: "allElementsAndPseudos"
   },
   animationName: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -125,6 +146,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   animationPlayState: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -134,6 +156,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   animationTimingFunction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -142,7 +165,18 @@ const properties = {
     popularity: 0.41317969,
     appliesTo: "allElementsAndPseudos"
   },
+  animationTimeline: {
+    unitGroups: [],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "auto"
+    },
+    popularity: 4e-8,
+    appliesTo: "allElements"
+  },
   appearance: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -152,6 +186,7 @@ const properties = {
     appliesTo: "allElements"
   },
   aspectRatio: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -161,6 +196,7 @@ const properties = {
     appliesTo: "allElementsExceptInlineBoxesAndInternalRubyOrTableBoxes"
   },
   backdropFilter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -170,6 +206,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   backfaceVisibility: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -179,6 +216,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   backgroundAttachment: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -188,6 +226,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundBlendMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -197,6 +236,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerGraphicsAndGraphicsReferencingElements"
   },
   backgroundClip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -206,6 +246,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -215,6 +256,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundImage: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -224,6 +266,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundOrigin: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -233,26 +276,29 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundPositionX: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      value: 0,
-      unit: "%"
+      unit: "%",
+      value: 0
     },
     popularity: 0.08951679,
     appliesTo: "allElements"
   },
   backgroundPositionY: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      value: 0,
-      unit: "%"
+      unit: "%",
+      value: 0
     },
     popularity: 0.06759137,
     appliesTo: "allElements"
   },
   backgroundRepeat: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -262,6 +308,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -271,6 +318,7 @@ const properties = {
     appliesTo: "allElements"
   },
   blockOverflow: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -280,6 +328,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   blockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -289,6 +338,7 @@ const properties = {
     appliesTo: "sameAsWidthAndHeight"
   },
   borderBlockColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -298,6 +348,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -307,6 +358,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -316,6 +368,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockEndColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -325,6 +378,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockEndStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -334,6 +388,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockEndWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -343,6 +398,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStartColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -352,6 +408,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStartStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -361,6 +418,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStartWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -370,6 +428,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBottomColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -379,6 +438,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBottomLeftRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -389,6 +449,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderBottomRightRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -399,6 +460,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderBottomStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -408,6 +470,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBottomWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -417,6 +480,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderCollapse: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -426,6 +490,7 @@ const properties = {
     appliesTo: "tableElements"
   },
   borderEndEndRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -436,6 +501,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderEndStartRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -446,16 +512,18 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderImageOutset: {
+    unitGroups: ["length", "number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0
     },
     popularity: 458637e-8,
     appliesTo: "allElementsExceptTableElementsWhenCollapse"
   },
   borderImageRepeat: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -465,16 +533,18 @@ const properties = {
     appliesTo: "allElementsExceptTableElementsWhenCollapse"
   },
   borderImageSlice: {
+    unitGroups: ["number", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "%",
       value: 100
     },
     popularity: 93669e-7,
     appliesTo: "allElementsExceptTableElementsWhenCollapse"
   },
   borderImageSource: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -484,16 +554,18 @@ const properties = {
     appliesTo: "allElementsExceptTableElementsWhenCollapse"
   },
   borderImageWidth: {
+    unitGroups: ["length", "percentage", "number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 1
     },
     popularity: 72772e-7,
     appliesTo: "allElementsExceptTableElementsWhenCollapse"
   },
   borderInlineColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -503,6 +575,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -512,6 +585,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -521,6 +595,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineEndColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -530,6 +605,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineEndStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -539,6 +615,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineEndWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -548,6 +625,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStartColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -557,6 +635,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStartStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -566,6 +645,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStartWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -575,6 +655,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderLeftColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -584,6 +665,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderLeftStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -593,6 +675,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderLeftWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -602,6 +685,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderRightColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -611,6 +695,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderRightStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -620,6 +705,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderRightWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -629,6 +715,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "unit",
@@ -639,6 +726,7 @@ const properties = {
     appliesTo: "tableElements"
   },
   borderStartEndRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -649,6 +737,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderStartStartRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -659,6 +748,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderTopColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -668,6 +758,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderTopLeftRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -678,6 +769,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderTopRightRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -688,6 +780,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderTopStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -697,6 +790,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderTopWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -706,6 +800,7 @@ const properties = {
     appliesTo: "allElements"
   },
   bottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -715,6 +810,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   boxDecorationBreak: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -724,6 +820,7 @@ const properties = {
     appliesTo: "allElements"
   },
   boxShadow: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -733,6 +830,7 @@ const properties = {
     appliesTo: "allElements"
   },
   boxSizing: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -742,6 +840,7 @@ const properties = {
     appliesTo: "allElementsAcceptingWidthOrHeight"
   },
   breakAfter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -751,6 +850,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   breakBefore: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -760,6 +860,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   breakInside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -769,6 +870,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   captionSide: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -778,6 +880,7 @@ const properties = {
     appliesTo: "tableCaptionElements"
   },
   caretColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -786,7 +889,18 @@ const properties = {
     popularity: 0.05410129,
     appliesTo: "allElements"
   },
+  caretShape: {
+    unitGroups: [],
+    inherited: true,
+    initial: {
+      type: "keyword",
+      value: "auto"
+    },
+    popularity: 0,
+    appliesTo: "elementsThatAcceptInput"
+  },
   clear: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -796,6 +910,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   clip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -805,6 +920,7 @@ const properties = {
     appliesTo: "absolutelyPositionedElements"
   },
   clipPath: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -814,15 +930,17 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   color: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
       value: "inherit"
     },
     popularity: 0.90791486,
-    appliesTo: "allElements"
+    appliesTo: "allElementsAndText"
   },
-  colorAdjust: {
+  printColorAdjust: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -832,6 +950,7 @@ const properties = {
     appliesTo: "allElements"
   },
   colorScheme: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -841,6 +960,7 @@ const properties = {
     appliesTo: "allElementsAndText"
   },
   columnCount: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -850,6 +970,7 @@ const properties = {
     appliesTo: "blockContainersExceptTableWrappers"
   },
   columnFill: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -859,6 +980,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnGap: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -869,6 +991,7 @@ const properties = {
     appliesTo: "multiColumnElementsFlexContainersGridContainers"
   },
   columnRuleColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -878,6 +1001,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnRuleStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -887,6 +1011,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnRuleWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -896,6 +1021,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnSpan: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -905,6 +1031,7 @@ const properties = {
     appliesTo: "inFlowBlockLevelElements"
   },
   columnWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -914,6 +1041,7 @@ const properties = {
     appliesTo: "blockContainersExceptTableWrappers"
   },
   contain: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -922,7 +1050,48 @@ const properties = {
     popularity: 0.17189203,
     appliesTo: "allElements"
   },
+  containIntrinsicBlockSize: {
+    unitGroups: ["length"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "none"
+    },
+    popularity: 0,
+    appliesTo: "elementsForWhichSizeContainmentCanApply"
+  },
+  containIntrinsicHeight: {
+    unitGroups: ["length"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "none"
+    },
+    popularity: 0,
+    appliesTo: "elementsForWhichSizeContainmentCanApply"
+  },
+  containIntrinsicInlineSize: {
+    unitGroups: ["length"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "none"
+    },
+    popularity: 0,
+    appliesTo: "elementsForWhichSizeContainmentCanApply"
+  },
+  containIntrinsicWidth: {
+    unitGroups: ["length"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "none"
+    },
+    popularity: 0,
+    appliesTo: "elementsForWhichSizeContainmentCanApply"
+  },
   content: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -932,6 +1101,7 @@ const properties = {
     appliesTo: "allElementsTreeAbidingPseudoElementsPageMarginBoxes"
   },
   contentVisibility: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -941,6 +1111,7 @@ const properties = {
     appliesTo: "elementsForWhichLayoutContainmentCanApply"
   },
   counterIncrement: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -950,6 +1121,7 @@ const properties = {
     appliesTo: "allElements"
   },
   counterReset: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -959,6 +1131,7 @@ const properties = {
     appliesTo: "allElements"
   },
   counterSet: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -968,6 +1141,7 @@ const properties = {
     appliesTo: "allElements"
   },
   cursor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -977,6 +1151,7 @@ const properties = {
     appliesTo: "allElements"
   },
   direction: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -986,6 +1161,7 @@ const properties = {
     appliesTo: "allElements"
   },
   display: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -995,6 +1171,7 @@ const properties = {
     appliesTo: "allElements"
   },
   emptyCells: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1004,6 +1181,7 @@ const properties = {
     appliesTo: "tableCellElements"
   },
   filter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1013,6 +1191,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   flexBasis: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1022,6 +1201,7 @@ const properties = {
     appliesTo: "flexItemsAndInFlowPseudos"
   },
   flexDirection: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1031,26 +1211,29 @@ const properties = {
     appliesTo: "flexContainers"
   },
   flexGrow: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0
     },
     popularity: 0.50511311,
     appliesTo: "flexItemsAndInFlowPseudos"
   },
   flexShrink: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 1
     },
     popularity: 0.4809155,
     appliesTo: "flexItemsAndInFlowPseudos"
   },
   flexWrap: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1060,6 +1243,7 @@ const properties = {
     appliesTo: "flexContainers"
   },
   float: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1069,6 +1253,7 @@ const properties = {
     appliesTo: "allElementsNoEffectIfDisplayNone"
   },
   fontFamily: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1078,6 +1263,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontFeatureSettings: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1087,6 +1273,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontKerning: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1096,6 +1283,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontLanguageOverride: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1105,6 +1293,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontOpticalSizing: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1114,6 +1303,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariationSettings: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1123,6 +1313,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontSize: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1132,6 +1323,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontSizeAdjust: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1141,6 +1333,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontStretch: {
+    unitGroups: ["percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1150,6 +1343,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontStyle: {
+    unitGroups: ["angle"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1159,6 +1353,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontSynthesis: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1168,6 +1363,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariant: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1177,6 +1373,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantAlternates: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1186,6 +1383,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantCaps: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1195,6 +1393,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantEastAsian: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1204,6 +1403,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantLigatures: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1213,6 +1413,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantNumeric: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1222,6 +1423,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantPosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1231,6 +1433,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontWeight: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1240,6 +1443,7 @@ const properties = {
     appliesTo: "allElements"
   },
   forcedColorAdjust: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1249,6 +1453,7 @@ const properties = {
     appliesTo: "allElementsAndText"
   },
   gridAutoColumns: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1258,6 +1463,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridAutoFlow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1267,6 +1473,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridAutoRows: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1276,6 +1483,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridColumnEnd: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1285,6 +1493,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridColumnStart: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1294,6 +1503,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridRowEnd: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1303,6 +1513,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridRowStart: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1312,6 +1523,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridTemplateAreas: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1321,6 +1533,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridTemplateColumns: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1330,6 +1543,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridTemplateRows: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1339,6 +1553,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   hangingPunctuation: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1348,6 +1563,7 @@ const properties = {
     appliesTo: "allElements"
   },
   height: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1356,7 +1572,18 @@ const properties = {
     popularity: 0.93056784,
     appliesTo: "allElementsButNonReplacedAndTableColumns"
   },
+  hyphenateCharacter: {
+    unitGroups: [],
+    inherited: true,
+    initial: {
+      type: "keyword",
+      value: "auto"
+    },
+    popularity: 0,
+    appliesTo: "allElements"
+  },
   hyphens: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1366,6 +1593,7 @@ const properties = {
     appliesTo: "allElements"
   },
   imageOrientation: {
+    unitGroups: ["angle"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1375,6 +1603,7 @@ const properties = {
     appliesTo: "allElements"
   },
   imageRendering: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1384,16 +1613,18 @@ const properties = {
     appliesTo: "allElements"
   },
   imageResolution: {
+    unitGroups: ["resolution"],
     inherited: true,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "dppx",
       value: 1
     },
     popularity: 0,
     appliesTo: "allElements"
   },
   initialLetter: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1403,6 +1634,7 @@ const properties = {
     appliesTo: "firstLetterPseudoElementsAndInlineLevelFirstChildren"
   },
   initialLetterAlign: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1412,6 +1644,7 @@ const properties = {
     appliesTo: "firstLetterPseudoElementsAndInlineLevelFirstChildren"
   },
   inlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1420,25 +1653,18 @@ const properties = {
     popularity: 381706e-8,
     appliesTo: "sameAsWidthAndHeight"
   },
-  inset: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto"
-    },
-    popularity: 0.02156551,
-    appliesTo: "positionedElements"
-  },
-  insetBlock: {
+  inputSecurity: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
       value: "auto"
     },
-    popularity: 14881e-8,
-    appliesTo: "positionedElements"
+    popularity: 0,
+    appliesTo: "sensitiveTextInputs"
   },
   insetBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1448,6 +1674,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   insetBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1456,16 +1683,8 @@ const properties = {
     popularity: 36346e-8,
     appliesTo: "positionedElements"
   },
-  insetInline: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto"
-    },
-    popularity: 21379e-8,
-    appliesTo: "positionedElements"
-  },
   insetInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1475,6 +1694,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   insetInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1484,6 +1704,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   isolation: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1493,6 +1714,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerGraphicsAndGraphicsReferencingElements"
   },
   justifyContent: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1502,15 +1724,17 @@ const properties = {
     appliesTo: "flexContainers"
   },
   justifyItems: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
       value: "legacy"
     },
     popularity: 0.05716411,
-    appliesTo: "allElements"
+    appliesTo: "flexContainersGridContainers"
   },
   justifySelf: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1520,6 +1744,7 @@ const properties = {
     appliesTo: "blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems"
   },
   justifyTracks: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1529,6 +1754,7 @@ const properties = {
     appliesTo: "gridContainersWithMasonryLayoutInTheirInlineAxis"
   },
   left: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1538,6 +1764,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   letterSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1547,6 +1774,7 @@ const properties = {
     appliesTo: "allElements"
   },
   lineBreak: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1556,6 +1784,7 @@ const properties = {
     appliesTo: "allElements"
   },
   lineClamp: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1565,6 +1794,7 @@ const properties = {
     appliesTo: "blockContainersExceptMultiColumnContainers"
   },
   lineHeight: {
+    unitGroups: ["number", "length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1574,6 +1804,7 @@ const properties = {
     appliesTo: "allElements"
   },
   lineHeightStep: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "unit",
@@ -1584,6 +1815,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   listStyleImage: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1593,6 +1825,7 @@ const properties = {
     appliesTo: "listItems"
   },
   listStylePosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1602,6 +1835,7 @@ const properties = {
     appliesTo: "listItems"
   },
   listStyleType: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1610,17 +1844,8 @@ const properties = {
     popularity: 0.50305363,
     appliesTo: "listItems"
   },
-  marginBlock: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 120447e-8,
-    appliesTo: "sameAsMargin"
-  },
   marginBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1631,6 +1856,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1641,6 +1867,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1650,17 +1877,8 @@ const properties = {
     popularity: 0.84497162,
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
-  marginInline: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 136801e-8,
-    appliesTo: "sameAsMargin"
-  },
   marginInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1671,6 +1889,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1681,6 +1900,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1691,6 +1911,7 @@ const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
   marginRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1701,6 +1922,7 @@ const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
   marginTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1711,6 +1933,7 @@ const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
   marginTrim: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1720,6 +1943,7 @@ const properties = {
     appliesTo: "blockContainersAndMultiColumnContainers"
   },
   maskBorderMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1729,16 +1953,18 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskBorderOutset: {
+    unitGroups: ["length", "number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0
     },
     popularity: 0,
     appliesTo: "allElementsSVGContainerElements"
   },
   maskBorderRepeat: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1748,16 +1974,18 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskBorderSlice: {
+    unitGroups: ["number", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0
     },
     popularity: 0,
     appliesTo: "allElementsSVGContainerElements"
   },
   maskBorderSource: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1767,6 +1995,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskBorderWidth: {
+    unitGroups: ["length", "percentage", "number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1776,6 +2005,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskClip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1785,6 +2015,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskComposite: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1794,6 +2025,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskImage: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1803,6 +2035,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1812,6 +2045,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskOrigin: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1821,6 +2055,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1830,15 +2065,17 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskRepeat: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
-      value: "no-repeat"
+      value: "repeat"
     },
     popularity: 0,
     appliesTo: "allElementsSVGContainerElements"
   },
   maskSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1848,6 +2085,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskType: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1857,6 +2095,7 @@ const properties = {
     appliesTo: "maskElements"
   },
   masonryAutoFlow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1865,7 +2104,29 @@ const properties = {
     popularity: 0,
     appliesTo: "gridContainersWithMasonryLayout"
   },
+  mathDepth: {
+    unitGroups: ["number"],
+    inherited: true,
+    initial: {
+      type: "unit",
+      unit: "number",
+      value: 0
+    },
+    popularity: 3e-8,
+    appliesTo: "allElements"
+  },
+  mathShift: {
+    unitGroups: [],
+    inherited: true,
+    initial: {
+      type: "keyword",
+      value: "normal"
+    },
+    popularity: 3e-8,
+    appliesTo: "allElements"
+  },
   mathStyle: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1875,16 +2136,17 @@ const properties = {
     appliesTo: "allElements"
   },
   maxBlockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
+      type: "keyword",
+      value: "none"
     },
     popularity: 64707e-8,
     appliesTo: "sameAsWidthAndHeight"
   },
   maxHeight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1894,16 +2156,17 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableColumns"
   },
   maxInlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
+      type: "keyword",
+      value: "none"
     },
     popularity: 62504e-8,
     appliesTo: "sameAsWidthAndHeight"
   },
   maxLines: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1913,6 +2176,7 @@ const properties = {
     appliesTo: "blockContainersExceptMultiColumnContainers"
   },
   maxWidth: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1922,6 +2186,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows"
   },
   minBlockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1932,6 +2197,7 @@ const properties = {
     appliesTo: "sameAsWidthAndHeight"
   },
   minHeight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1941,6 +2207,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableColumns"
   },
   minInlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1951,6 +2218,7 @@ const properties = {
     appliesTo: "sameAsWidthAndHeight"
   },
   minWidth: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1960,6 +2228,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows"
   },
   mixBlendMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1969,6 +2238,7 @@ const properties = {
     appliesTo: "allElements"
   },
   objectFit: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1978,6 +2248,7 @@ const properties = {
     appliesTo: "replacedElements"
   },
   objectPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1987,6 +2258,7 @@ const properties = {
     appliesTo: "replacedElements"
   },
   offsetAnchor: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1996,6 +2268,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetDistance: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2006,6 +2279,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetPath: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2015,6 +2289,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2024,6 +2299,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetRotate: {
+    unitGroups: ["angle"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2033,36 +2309,40 @@ const properties = {
     appliesTo: "transformableElements"
   },
   opacity: {
+    unitGroups: ["number", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 1
     },
     popularity: 0.87714344,
     appliesTo: "allElements"
   },
   order: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0
     },
     popularity: 0.28274872,
     appliesTo: "flexItemsGridItemsAbsolutelyPositionedContainerChildren"
   },
   orphans: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 2
     },
     popularity: 0.03717837,
     appliesTo: "blockContainerElements"
   },
   outlineColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2072,6 +2352,7 @@ const properties = {
     appliesTo: "allElements"
   },
   outlineOffset: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2082,6 +2363,7 @@ const properties = {
     appliesTo: "allElements"
   },
   outlineStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2091,6 +2373,7 @@ const properties = {
     appliesTo: "allElements"
   },
   outlineWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2100,6 +2383,7 @@ const properties = {
     appliesTo: "allElements"
   },
   overflow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2109,6 +2393,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowAnchor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2118,6 +2403,7 @@ const properties = {
     appliesTo: "allElements"
   },
   overflowBlock: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2127,6 +2413,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowClipMargin: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2137,6 +2424,7 @@ const properties = {
     appliesTo: "allElements"
   },
   overflowInline: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2146,6 +2434,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowWrap: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2155,6 +2444,7 @@ const properties = {
     appliesTo: "nonReplacedInlineElements"
   },
   overflowX: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2164,6 +2454,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowY: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2173,6 +2464,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overscrollBehavior: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2182,6 +2474,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorBlock: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2191,6 +2484,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorInline: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2200,6 +2494,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorX: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2209,6 +2504,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorY: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2217,17 +2513,8 @@ const properties = {
     popularity: 0,
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
-  paddingBlock: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 94479e-8,
-    appliesTo: "allElements"
-  },
   paddingBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2235,9 +2522,10 @@ const properties = {
       value: 0
     },
     popularity: 269343e-8,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2245,9 +2533,10 @@ const properties = {
       value: 0
     },
     popularity: 281718e-8,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2257,17 +2546,8 @@ const properties = {
     popularity: 0.80249482,
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
-  paddingInline: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 0.01735028,
-    appliesTo: "allElements"
-  },
   paddingInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2275,9 +2555,10 @@ const properties = {
       value: 0
     },
     popularity: 0.02914235,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2285,9 +2566,10 @@ const properties = {
       value: 0
     },
     popularity: 0.03734959,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2298,6 +2580,7 @@ const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2308,6 +2591,7 @@ const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2318,6 +2602,7 @@ const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   pageBreakAfter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2327,6 +2612,7 @@ const properties = {
     appliesTo: "blockElementsInNormalFlow"
   },
   pageBreakBefore: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2336,6 +2622,7 @@ const properties = {
     appliesTo: "blockElementsInNormalFlow"
   },
   pageBreakInside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2345,6 +2632,7 @@ const properties = {
     appliesTo: "blockElementsInNormalFlow"
   },
   paintOrder: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2354,6 +2642,7 @@ const properties = {
     appliesTo: "textElements"
   },
   perspective: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2363,6 +2652,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   perspectiveOrigin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2371,16 +2661,8 @@ const properties = {
     popularity: 0.03597136,
     appliesTo: "transformableElements"
   },
-  placeContent: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "normal"
-    },
-    popularity: 389319e-8,
-    appliesTo: "multilineFlexContainers"
-  },
   pointerEvents: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2390,6 +2672,7 @@ const properties = {
     appliesTo: "allElements"
   },
   position: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2399,6 +2682,7 @@ const properties = {
     appliesTo: "allElements"
   },
   quotes: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2408,6 +2692,7 @@ const properties = {
     appliesTo: "allElements"
   },
   resize: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2417,6 +2702,7 @@ const properties = {
     appliesTo: "elementsWithOverflowNotVisibleAndReplacedElements"
   },
   right: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2426,6 +2712,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   rotate: {
+    unitGroups: ["angle", "number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2435,6 +2722,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   rowGap: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2445,6 +2733,7 @@ const properties = {
     appliesTo: "multiColumnElementsFlexContainersGridContainers"
   },
   rubyAlign: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2454,6 +2743,7 @@ const properties = {
     appliesTo: "rubyBasesAnnotationsBaseAnnotationContainers"
   },
   rubyMerge: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2463,6 +2753,7 @@ const properties = {
     appliesTo: "rubyAnnotationsContainers"
   },
   rubyPosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2472,6 +2763,7 @@ const properties = {
     appliesTo: "rubyAnnotationsContainers"
   },
   scale: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2481,6 +2773,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   scrollbarColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2490,6 +2783,7 @@ const properties = {
     appliesTo: "scrollingBoxes"
   },
   scrollbarGutter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2499,6 +2793,7 @@ const properties = {
     appliesTo: "scrollingBoxes"
   },
   scrollbarWidth: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2508,6 +2803,7 @@ const properties = {
     appliesTo: "scrollingBoxes"
   },
   scrollBehavior: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2516,27 +2812,8 @@ const properties = {
     popularity: 0.06855196,
     appliesTo: "scrollingBoxes"
   },
-  scrollMargin: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 0,
-    appliesTo: "allElements"
-  },
-  scrollMarginBlock: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 0,
-    appliesTo: "allElements"
-  },
   scrollMarginBlockStart: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2547,6 +2824,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginBlockEnd: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2557,16 +2835,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginBottom: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0
-    },
-    popularity: 0,
-    appliesTo: "allElements"
-  },
-  scrollMarginInline: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2577,6 +2846,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginInlineStart: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2587,6 +2857,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginInlineEnd: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2597,6 +2868,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginLeft: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2607,6 +2879,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginRight: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2617,6 +2890,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginTop: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2626,25 +2900,8 @@ const properties = {
     popularity: 0,
     appliesTo: "allElements"
   },
-  scrollPadding: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto"
-    },
-    popularity: 684182e-8,
-    appliesTo: "scrollContainers"
-  },
-  scrollPaddingBlock: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto"
-    },
-    popularity: 11157e-8,
-    appliesTo: "scrollContainers"
-  },
   scrollPaddingBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2654,6 +2911,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2663,6 +2921,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2671,16 +2930,8 @@ const properties = {
     popularity: 46042e-8,
     appliesTo: "scrollContainers"
   },
-  scrollPaddingInline: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto"
-    },
-    popularity: 30929e-8,
-    appliesTo: "scrollContainers"
-  },
   scrollPaddingInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2690,6 +2941,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2699,6 +2951,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2708,6 +2961,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2717,6 +2971,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2726,6 +2981,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollSnapAlign: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2735,6 +2991,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollSnapStop: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2744,6 +3001,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollSnapType: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2752,17 +3010,39 @@ const properties = {
     popularity: 0.05778112,
     appliesTo: "allElements"
   },
+  scrollTimelineAxis: {
+    unitGroups: [],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "block"
+    },
+    popularity: 0,
+    appliesTo: "scrollContainers"
+  },
+  scrollTimelineName: {
+    unitGroups: [],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "none"
+    },
+    popularity: 0,
+    appliesTo: "scrollContainers"
+  },
   shapeImageThreshold: {
+    unitGroups: ["number", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0
     },
     popularity: 579108e-8,
     appliesTo: "floats"
   },
   shapeMargin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2773,6 +3053,7 @@ const properties = {
     appliesTo: "floats"
   },
   shapeOutside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2782,16 +3063,18 @@ const properties = {
     appliesTo: "floats"
   },
   tabSize: {
+    unitGroups: ["number", "length"],
     inherited: true,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 8
     },
     popularity: 0.03065152,
     appliesTo: "blockContainers"
   },
   tableLayout: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2801,6 +3084,7 @@ const properties = {
     appliesTo: "tableElements"
   },
   textAlign: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2810,6 +3094,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   textAlignLast: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2819,6 +3104,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   textCombineUpright: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2828,6 +3114,7 @@ const properties = {
     appliesTo: "nonReplacedInlineElements"
   },
   textDecorationColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2837,6 +3124,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationLine: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2846,6 +3134,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationSkip: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2855,6 +3144,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationSkipInk: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2864,6 +3154,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2873,6 +3164,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationThickness: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2882,6 +3174,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textEmphasisColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2891,6 +3184,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textEmphasisPosition: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2900,6 +3194,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textEmphasisStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2909,6 +3204,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textIndent: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "unit",
@@ -2919,6 +3215,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   textJustify: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2928,6 +3225,7 @@ const properties = {
     appliesTo: "inlineLevelAndTableCellElements"
   },
   textOrientation: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2937,6 +3235,7 @@ const properties = {
     appliesTo: "allElementsExceptTableRowGroupsRowsColumnGroupsAndColumns"
   },
   textOverflow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2946,6 +3245,7 @@ const properties = {
     appliesTo: "blockContainerElements"
   },
   textRendering: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2955,6 +3255,7 @@ const properties = {
     appliesTo: "textElements"
   },
   textShadow: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2964,6 +3265,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textSizeAdjust: {
+    unitGroups: ["percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2973,6 +3275,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textTransform: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2982,6 +3285,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textUnderlineOffset: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2991,6 +3295,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textUnderlinePosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3000,6 +3305,7 @@ const properties = {
     appliesTo: "allElements"
   },
   top: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3009,6 +3315,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   touchAction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3018,6 +3325,7 @@ const properties = {
     appliesTo: "allElementsExceptNonReplacedInlineElementsTableRowsColumnsRowColumnGroups"
   },
   transform: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3027,6 +3335,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transformBox: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3036,6 +3345,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transformOrigin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3045,6 +3355,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transformStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3054,26 +3365,29 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transitionDelay: {
+    unitGroups: ["time"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "s",
       value: 0
     },
     popularity: 0.26633596,
     appliesTo: "allElementsAndPseudos"
   },
   transitionDuration: {
+    unitGroups: ["time"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "s",
       value: 0
     },
     popularity: 0.27645681,
     appliesTo: "allElementsAndPseudos"
   },
   transitionProperty: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3083,6 +3397,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   transitionTimingFunction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3092,6 +3407,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   translate: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3101,6 +3417,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   unicodeBidi: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3110,6 +3427,7 @@ const properties = {
     appliesTo: "allElementsSomeValuesNoEffectOnNonInlineElements"
   },
   userSelect: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3119,6 +3437,7 @@ const properties = {
     appliesTo: "allElements"
   },
   verticalAlign: {
+    unitGroups: ["percentage", "length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3128,6 +3447,7 @@ const properties = {
     appliesTo: "inlineLevelAndTableCellElements"
   },
   visibility: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3137,6 +3457,7 @@ const properties = {
     appliesTo: "allElements"
   },
   whiteSpace: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3146,16 +3467,18 @@ const properties = {
     appliesTo: "allElements"
   },
   widows: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 2
     },
     popularity: 0.03635817,
     appliesTo: "blockContainerElements"
   },
   width: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3165,6 +3488,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows"
   },
   willChange: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3174,6 +3498,7 @@ const properties = {
     appliesTo: "allElements"
   },
   wordBreak: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3183,6 +3508,7 @@ const properties = {
     appliesTo: "allElements"
   },
   wordSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3192,6 +3518,7 @@ const properties = {
     appliesTo: "allElements"
   },
   wordWrap: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3201,6 +3528,7 @@ const properties = {
     appliesTo: "nonReplacedInlineElements"
   },
   writingMode: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3210,6 +3538,7 @@ const properties = {
     appliesTo: "allElementsExceptTableRowColumnGroupsTableRowsColumns"
   },
   zIndex: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",