@webstudio-is/css-data 0.19.0 → 0.21.0

package/lib/__generated__/properties.js

@@ -1,5 +1,6 @@
 const properties = {
   accentColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -9,6 +10,7 @@ const properties = {
     appliesTo: "allElements"
   },
   alignContent: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -18,15 +20,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",
@@ -36,6 +40,7 @@ const properties = {
     appliesTo: "flexItemsGridItemsAndAbsolutelyPositionedBoxes"
   },
   alignTracks: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -44,17 +49,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",
@@ -64,16 +81,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",
@@ -83,16 +102,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",
@@ -102,6 +123,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   animationPlayState: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -111,6 +133,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   animationTimingFunction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -119,7 +142,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",
@@ -129,6 +163,7 @@ const properties = {
     appliesTo: "allElements"
   },
   aspectRatio: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -138,6 +173,7 @@ const properties = {
     appliesTo: "allElementsExceptInlineBoxesAndInternalRubyOrTableBoxes"
   },
   backdropFilter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -147,6 +183,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   backfaceVisibility: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -156,6 +193,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   backgroundAttachment: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -165,6 +203,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundBlendMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -174,6 +213,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerGraphicsAndGraphicsReferencingElements"
   },
   backgroundClip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -183,6 +223,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -192,6 +233,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundImage: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -201,6 +243,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundOrigin: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -210,26 +253,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",
@@ -239,6 +285,7 @@ const properties = {
     appliesTo: "allElements"
   },
   backgroundSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -248,6 +295,7 @@ const properties = {
     appliesTo: "allElements"
   },
   blockOverflow: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -257,6 +305,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   blockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -266,6 +315,7 @@ const properties = {
     appliesTo: "sameAsWidthAndHeight"
   },
   borderBlockColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -275,6 +325,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -284,6 +335,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -293,6 +345,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockEndColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -302,6 +355,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockEndStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -311,6 +365,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockEndWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -320,6 +375,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStartColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -329,6 +385,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStartStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -338,6 +395,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBlockStartWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -347,6 +405,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBottomColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -356,6 +415,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBottomLeftRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -366,6 +426,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderBottomRightRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -376,6 +437,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderBottomStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -385,6 +447,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderBottomWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -394,6 +457,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderCollapse: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -403,6 +467,7 @@ const properties = {
     appliesTo: "tableElements"
   },
   borderEndEndRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -413,6 +478,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderEndStartRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -423,16 +489,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",
@@ -442,16 +510,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",
@@ -461,16 +531,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",
@@ -480,6 +552,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -489,6 +562,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -498,6 +572,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineEndColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -507,6 +582,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineEndStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -516,6 +592,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineEndWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -525,6 +602,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStartColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -534,6 +612,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStartStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -543,6 +622,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderInlineStartWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -552,6 +632,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderLeftColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -561,6 +642,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderLeftStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -570,6 +652,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderLeftWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -579,6 +662,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderRightColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -588,6 +672,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderRightStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -597,6 +682,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderRightWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -606,6 +692,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "unit",
@@ -616,6 +703,7 @@ const properties = {
     appliesTo: "tableElements"
   },
   borderStartEndRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -626,6 +714,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderStartStartRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -636,6 +725,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderTopColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -645,6 +735,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderTopLeftRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -655,6 +746,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderTopRightRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -665,6 +757,7 @@ const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse"
   },
   borderTopStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -674,6 +767,7 @@ const properties = {
     appliesTo: "allElements"
   },
   borderTopWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -683,6 +777,7 @@ const properties = {
     appliesTo: "allElements"
   },
   bottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -692,6 +787,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   boxDecorationBreak: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -701,6 +797,7 @@ const properties = {
     appliesTo: "allElements"
   },
   boxShadow: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -710,6 +807,7 @@ const properties = {
     appliesTo: "allElements"
   },
   boxSizing: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -719,6 +817,7 @@ const properties = {
     appliesTo: "allElementsAcceptingWidthOrHeight"
   },
   breakAfter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -728,6 +827,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   breakBefore: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -737,6 +837,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   breakInside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -746,6 +847,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   captionSide: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -755,6 +857,7 @@ const properties = {
     appliesTo: "tableCaptionElements"
   },
   caretColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -763,7 +866,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",
@@ -773,6 +887,7 @@ const properties = {
     appliesTo: "blockLevelElements"
   },
   clip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -782,6 +897,7 @@ const properties = {
     appliesTo: "absolutelyPositionedElements"
   },
   clipPath: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -791,15 +907,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",
@@ -809,6 +927,7 @@ const properties = {
     appliesTo: "allElements"
   },
   colorScheme: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -818,6 +937,7 @@ const properties = {
     appliesTo: "allElementsAndText"
   },
   columnCount: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -827,6 +947,7 @@ const properties = {
     appliesTo: "blockContainersExceptTableWrappers"
   },
   columnFill: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -836,6 +957,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnGap: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -846,6 +968,7 @@ const properties = {
     appliesTo: "multiColumnElementsFlexContainersGridContainers"
   },
   columnRuleColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -855,6 +978,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnRuleStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -864,6 +988,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnRuleWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -873,6 +998,7 @@ const properties = {
     appliesTo: "multicolElements"
   },
   columnSpan: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -882,6 +1008,7 @@ const properties = {
     appliesTo: "inFlowBlockLevelElements"
   },
   columnWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -891,6 +1018,7 @@ const properties = {
     appliesTo: "blockContainersExceptTableWrappers"
   },
   contain: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -899,7 +1027,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",
@@ -909,6 +1078,7 @@ const properties = {
     appliesTo: "allElementsTreeAbidingPseudoElementsPageMarginBoxes"
   },
   contentVisibility: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -918,6 +1088,7 @@ const properties = {
     appliesTo: "elementsForWhichLayoutContainmentCanApply"
   },
   counterIncrement: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -927,6 +1098,7 @@ const properties = {
     appliesTo: "allElements"
   },
   counterReset: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -936,6 +1108,7 @@ const properties = {
     appliesTo: "allElements"
   },
   counterSet: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -945,6 +1118,7 @@ const properties = {
     appliesTo: "allElements"
   },
   cursor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -954,6 +1128,7 @@ const properties = {
     appliesTo: "allElements"
   },
   direction: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -963,6 +1138,7 @@ const properties = {
     appliesTo: "allElements"
   },
   display: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -972,6 +1148,7 @@ const properties = {
     appliesTo: "allElements"
   },
   emptyCells: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -981,6 +1158,7 @@ const properties = {
     appliesTo: "tableCellElements"
   },
   filter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -990,6 +1168,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   flexBasis: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -999,6 +1178,7 @@ const properties = {
     appliesTo: "flexItemsAndInFlowPseudos"
   },
   flexDirection: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1008,26 +1188,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",
@@ -1037,6 +1220,7 @@ const properties = {
     appliesTo: "flexContainers"
   },
   float: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1046,6 +1230,7 @@ const properties = {
     appliesTo: "allElementsNoEffectIfDisplayNone"
   },
   fontFamily: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1055,6 +1240,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontFeatureSettings: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1064,6 +1250,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontKerning: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1073,6 +1260,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontLanguageOverride: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1082,6 +1270,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontOpticalSizing: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1091,6 +1280,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariationSettings: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1100,6 +1290,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontSize: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1109,6 +1300,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontSizeAdjust: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1118,6 +1310,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontStretch: {
+    unitGroups: ["percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1127,6 +1320,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontStyle: {
+    unitGroups: ["angle"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1136,6 +1330,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontSynthesis: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1145,6 +1340,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariant: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1154,6 +1350,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantAlternates: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1163,6 +1360,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantCaps: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1172,6 +1370,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantEastAsian: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1181,6 +1380,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantLigatures: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1190,6 +1390,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantNumeric: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1199,6 +1400,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontVariantPosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1208,6 +1410,7 @@ const properties = {
     appliesTo: "allElements"
   },
   fontWeight: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1217,6 +1420,7 @@ const properties = {
     appliesTo: "allElements"
   },
   forcedColorAdjust: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1226,6 +1430,7 @@ const properties = {
     appliesTo: "allElementsAndText"
   },
   gridAutoColumns: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1235,6 +1440,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridAutoFlow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1244,6 +1450,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridAutoRows: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1253,6 +1460,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridColumnEnd: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1262,6 +1470,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridColumnStart: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1271,6 +1480,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridRowEnd: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1280,6 +1490,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridRowStart: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1289,6 +1500,7 @@ const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer"
   },
   gridTemplateAreas: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1298,6 +1510,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridTemplateColumns: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1307,6 +1520,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   gridTemplateRows: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1316,6 +1530,7 @@ const properties = {
     appliesTo: "gridContainers"
   },
   hangingPunctuation: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1325,6 +1540,7 @@ const properties = {
     appliesTo: "allElements"
   },
   height: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1333,7 +1549,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",
@@ -1343,6 +1570,7 @@ const properties = {
     appliesTo: "allElements"
   },
   imageOrientation: {
+    unitGroups: ["angle"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1352,6 +1580,7 @@ const properties = {
     appliesTo: "allElements"
   },
   imageRendering: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1361,16 +1590,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",
@@ -1380,6 +1611,7 @@ const properties = {
     appliesTo: "firstLetterPseudoElementsAndInlineLevelFirstChildren"
   },
   initialLetterAlign: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1389,6 +1621,7 @@ const properties = {
     appliesTo: "firstLetterPseudoElementsAndInlineLevelFirstChildren"
   },
   inlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1397,25 +1630,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",
@@ -1425,6 +1651,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   insetBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1433,16 +1660,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",
@@ -1452,6 +1671,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   insetInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1461,6 +1681,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   isolation: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1470,6 +1691,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerGraphicsAndGraphicsReferencingElements"
   },
   justifyContent: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1479,15 +1701,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",
@@ -1497,6 +1721,7 @@ const properties = {
     appliesTo: "blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems"
   },
   justifyTracks: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1506,6 +1731,7 @@ const properties = {
     appliesTo: "gridContainersWithMasonryLayoutInTheirInlineAxis"
   },
   left: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1515,6 +1741,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   letterSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1524,6 +1751,7 @@ const properties = {
     appliesTo: "allElements"
   },
   lineBreak: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1533,6 +1761,7 @@ const properties = {
     appliesTo: "allElements"
   },
   lineClamp: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1542,6 +1771,7 @@ const properties = {
     appliesTo: "blockContainersExceptMultiColumnContainers"
   },
   lineHeight: {
+    unitGroups: ["number", "length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1551,6 +1781,7 @@ const properties = {
     appliesTo: "allElements"
   },
   lineHeightStep: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "unit",
@@ -1561,6 +1792,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   listStyleImage: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1570,6 +1802,7 @@ const properties = {
     appliesTo: "listItems"
   },
   listStylePosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1579,6 +1812,7 @@ const properties = {
     appliesTo: "listItems"
   },
   listStyleType: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1587,17 +1821,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",
@@ -1608,6 +1833,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1618,6 +1844,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1627,17 +1854,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",
@@ -1648,6 +1866,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1658,6 +1877,7 @@ const properties = {
     appliesTo: "sameAsMargin"
   },
   marginLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1668,6 +1888,7 @@ const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
   marginRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1678,6 +1899,7 @@ const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
   marginTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1688,6 +1910,7 @@ const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes"
   },
   marginTrim: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1697,6 +1920,7 @@ const properties = {
     appliesTo: "blockContainersAndMultiColumnContainers"
   },
   maskBorderMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1706,16 +1930,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",
@@ -1725,16 +1951,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",
@@ -1744,6 +1972,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskBorderWidth: {
+    unitGroups: ["length", "percentage", "number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1753,6 +1982,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskClip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1762,6 +1992,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskComposite: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1771,6 +2002,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskImage: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1780,6 +2012,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1789,6 +2022,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskOrigin: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1798,6 +2032,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1807,15 +2042,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",
@@ -1825,6 +2062,7 @@ const properties = {
     appliesTo: "allElementsSVGContainerElements"
   },
   maskType: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1834,6 +2072,7 @@ const properties = {
     appliesTo: "maskElements"
   },
   masonryAutoFlow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1842,7 +2081,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",
@@ -1852,16 +2113,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",
@@ -1871,16 +2133,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",
@@ -1890,6 +2153,7 @@ const properties = {
     appliesTo: "blockContainersExceptMultiColumnContainers"
   },
   maxWidth: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1899,6 +2163,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows"
   },
   minBlockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1909,6 +2174,7 @@ const properties = {
     appliesTo: "sameAsWidthAndHeight"
   },
   minHeight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1918,6 +2184,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableColumns"
   },
   minInlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1928,6 +2195,7 @@ const properties = {
     appliesTo: "sameAsWidthAndHeight"
   },
   minWidth: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1937,6 +2205,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows"
   },
   mixBlendMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1946,6 +2215,7 @@ const properties = {
     appliesTo: "allElements"
   },
   objectFit: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1955,6 +2225,7 @@ const properties = {
     appliesTo: "replacedElements"
   },
   objectPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1964,6 +2235,7 @@ const properties = {
     appliesTo: "replacedElements"
   },
   offsetAnchor: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1973,6 +2245,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetDistance: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1983,6 +2256,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetPath: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1992,6 +2266,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2001,6 +2276,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   offsetRotate: {
+    unitGroups: ["angle"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2010,36 +2286,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",
@@ -2049,6 +2329,7 @@ const properties = {
     appliesTo: "allElements"
   },
   outlineOffset: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2059,6 +2340,7 @@ const properties = {
     appliesTo: "allElements"
   },
   outlineStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2068,6 +2350,7 @@ const properties = {
     appliesTo: "allElements"
   },
   outlineWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2077,6 +2360,7 @@ const properties = {
     appliesTo: "allElements"
   },
   overflow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2086,6 +2370,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowAnchor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2095,6 +2380,7 @@ const properties = {
     appliesTo: "allElements"
   },
   overflowBlock: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2104,6 +2390,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowClipMargin: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2114,6 +2401,7 @@ const properties = {
     appliesTo: "allElements"
   },
   overflowInline: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2123,6 +2411,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowWrap: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2132,6 +2421,7 @@ const properties = {
     appliesTo: "nonReplacedInlineElements"
   },
   overflowX: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2141,6 +2431,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overflowY: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2150,6 +2441,7 @@ const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers"
   },
   overscrollBehavior: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2159,6 +2451,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorBlock: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2168,6 +2461,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorInline: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2177,6 +2471,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorX: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2186,6 +2481,7 @@ const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements"
   },
   overscrollBehaviorY: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2194,17 +2490,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",
@@ -2212,9 +2499,10 @@ const properties = {
       value: 0
     },
     popularity: 269343e-8,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2222,9 +2510,10 @@ const properties = {
       value: 0
     },
     popularity: 281718e-8,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2234,17 +2523,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",
@@ -2252,9 +2532,10 @@ const properties = {
       value: 0
     },
     popularity: 0.02914235,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2262,9 +2543,10 @@ const properties = {
       value: 0
     },
     popularity: 0.03734959,
-    appliesTo: "allElements"
+    appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2275,6 +2557,7 @@ const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2285,6 +2568,7 @@ const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   paddingTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2295,6 +2579,7 @@ const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes"
   },
   pageBreakAfter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2304,6 +2589,7 @@ const properties = {
     appliesTo: "blockElementsInNormalFlow"
   },
   pageBreakBefore: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2313,6 +2599,7 @@ const properties = {
     appliesTo: "blockElementsInNormalFlow"
   },
   pageBreakInside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2322,6 +2609,7 @@ const properties = {
     appliesTo: "blockElementsInNormalFlow"
   },
   paintOrder: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2331,6 +2619,7 @@ const properties = {
     appliesTo: "textElements"
   },
   perspective: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2340,6 +2629,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   perspectiveOrigin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2348,16 +2638,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",
@@ -2367,6 +2649,7 @@ const properties = {
     appliesTo: "allElements"
   },
   position: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2376,6 +2659,7 @@ const properties = {
     appliesTo: "allElements"
   },
   quotes: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2385,6 +2669,7 @@ const properties = {
     appliesTo: "allElements"
   },
   resize: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2394,6 +2679,7 @@ const properties = {
     appliesTo: "elementsWithOverflowNotVisibleAndReplacedElements"
   },
   right: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2403,6 +2689,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   rotate: {
+    unitGroups: ["angle", "number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2412,6 +2699,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   rowGap: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2422,6 +2710,7 @@ const properties = {
     appliesTo: "multiColumnElementsFlexContainersGridContainers"
   },
   rubyAlign: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2431,6 +2720,7 @@ const properties = {
     appliesTo: "rubyBasesAnnotationsBaseAnnotationContainers"
   },
   rubyMerge: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2440,6 +2730,7 @@ const properties = {
     appliesTo: "rubyAnnotationsContainers"
   },
   rubyPosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2449,6 +2740,7 @@ const properties = {
     appliesTo: "rubyAnnotationsContainers"
   },
   scale: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2458,6 +2750,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   scrollbarColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2467,6 +2760,7 @@ const properties = {
     appliesTo: "scrollingBoxes"
   },
   scrollbarGutter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2476,6 +2770,7 @@ const properties = {
     appliesTo: "scrollingBoxes"
   },
   scrollbarWidth: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2485,6 +2780,7 @@ const properties = {
     appliesTo: "scrollingBoxes"
   },
   scrollBehavior: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2493,27 +2789,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",
@@ -2524,6 +2801,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginBlockEnd: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2534,16 +2812,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",
@@ -2554,6 +2823,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginInlineStart: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2564,6 +2834,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginInlineEnd: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2574,6 +2845,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginLeft: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2584,6 +2856,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginRight: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2594,6 +2867,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollMarginTop: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2603,25 +2877,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",
@@ -2631,6 +2888,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2640,6 +2898,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2648,16 +2907,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",
@@ -2667,6 +2918,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2676,6 +2928,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2685,6 +2938,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2694,6 +2948,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollPaddingTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2703,6 +2958,7 @@ const properties = {
     appliesTo: "scrollContainers"
   },
   scrollSnapAlign: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2712,6 +2968,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollSnapStop: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2721,6 +2978,7 @@ const properties = {
     appliesTo: "allElements"
   },
   scrollSnapType: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2729,17 +2987,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",
@@ -2750,6 +3030,7 @@ const properties = {
     appliesTo: "floats"
   },
   shapeOutside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2759,16 +3040,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",
@@ -2778,6 +3061,7 @@ const properties = {
     appliesTo: "tableElements"
   },
   textAlign: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2787,6 +3071,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   textAlignLast: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2796,6 +3081,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   textCombineUpright: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2805,6 +3091,7 @@ const properties = {
     appliesTo: "nonReplacedInlineElements"
   },
   textDecorationColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2814,6 +3101,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationLine: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2823,6 +3111,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationSkip: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2832,6 +3121,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationSkipInk: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2841,6 +3131,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2850,6 +3141,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textDecorationThickness: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2859,6 +3151,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textEmphasisColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2868,6 +3161,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textEmphasisPosition: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2877,6 +3171,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textEmphasisStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2886,6 +3181,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textIndent: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "unit",
@@ -2896,6 +3192,7 @@ const properties = {
     appliesTo: "blockContainers"
   },
   textJustify: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2905,6 +3202,7 @@ const properties = {
     appliesTo: "inlineLevelAndTableCellElements"
   },
   textOrientation: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2914,6 +3212,7 @@ const properties = {
     appliesTo: "allElementsExceptTableRowGroupsRowsColumnGroupsAndColumns"
   },
   textOverflow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2923,6 +3222,7 @@ const properties = {
     appliesTo: "blockContainerElements"
   },
   textRendering: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2932,6 +3232,7 @@ const properties = {
     appliesTo: "textElements"
   },
   textShadow: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2941,6 +3242,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textSizeAdjust: {
+    unitGroups: ["percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2950,6 +3252,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textTransform: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2959,6 +3262,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textUnderlineOffset: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2968,6 +3272,7 @@ const properties = {
     appliesTo: "allElements"
   },
   textUnderlinePosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2977,6 +3282,7 @@ const properties = {
     appliesTo: "allElements"
   },
   top: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2986,6 +3292,7 @@ const properties = {
     appliesTo: "positionedElements"
   },
   touchAction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2995,6 +3302,7 @@ const properties = {
     appliesTo: "allElementsExceptNonReplacedInlineElementsTableRowsColumnsRowColumnGroups"
   },
   transform: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3004,6 +3312,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transformBox: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3013,6 +3322,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transformOrigin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3022,6 +3332,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   transformStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3031,26 +3342,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",
@@ -3060,6 +3374,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   transitionTimingFunction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3069,6 +3384,7 @@ const properties = {
     appliesTo: "allElementsAndPseudos"
   },
   translate: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3078,6 +3394,7 @@ const properties = {
     appliesTo: "transformableElements"
   },
   unicodeBidi: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3087,6 +3404,7 @@ const properties = {
     appliesTo: "allElementsSomeValuesNoEffectOnNonInlineElements"
   },
   userSelect: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3096,6 +3414,7 @@ const properties = {
     appliesTo: "allElements"
   },
   verticalAlign: {
+    unitGroups: ["percentage", "length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3105,6 +3424,7 @@ const properties = {
     appliesTo: "inlineLevelAndTableCellElements"
   },
   visibility: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3114,6 +3434,7 @@ const properties = {
     appliesTo: "allElements"
   },
   whiteSpace: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3123,16 +3444,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",
@@ -3142,6 +3465,7 @@ const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows"
   },
   willChange: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3151,6 +3475,7 @@ const properties = {
     appliesTo: "allElements"
   },
   wordBreak: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3160,6 +3485,7 @@ const properties = {
     appliesTo: "allElements"
   },
   wordSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3169,6 +3495,7 @@ const properties = {
     appliesTo: "allElements"
   },
   wordWrap: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3178,6 +3505,7 @@ const properties = {
     appliesTo: "nonReplacedInlineElements"
   },
   writingMode: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3187,6 +3515,7 @@ const properties = {
     appliesTo: "allElementsExceptTableRowColumnGroupsTableRowsColumns"
   },
   zIndex: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",