@webstudio-is/css-data 0.19.0 → 0.21.0

package/src/__generated__/properties.ts

@@ -1,6 +1,7 @@
-// This file was generated by yarn mdn-data
+// This file was generated by pnpm mdn-data
 export const properties = {
   accentColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -10,6 +11,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   alignContent: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -19,15 +21,17 @@ export 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",
@@ -37,6 +41,7 @@ export const properties = {
     appliesTo: "flexItemsGridItemsAndAbsolutelyPositionedBoxes",
   },
   alignTracks: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -45,17 +50,29 @@ export 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",
@@ -65,16 +82,18 @@ export 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",
@@ -84,16 +103,18 @@ export 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",
@@ -103,6 +124,7 @@ export const properties = {
     appliesTo: "allElementsAndPseudos",
   },
   animationPlayState: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -112,6 +134,7 @@ export const properties = {
     appliesTo: "allElementsAndPseudos",
   },
   animationTimingFunction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -120,7 +143,18 @@ export 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",
@@ -130,6 +164,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   aspectRatio: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -139,6 +174,7 @@ export const properties = {
     appliesTo: "allElementsExceptInlineBoxesAndInternalRubyOrTableBoxes",
   },
   backdropFilter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -148,6 +184,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   backfaceVisibility: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -157,6 +194,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   backgroundAttachment: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -166,6 +204,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   backgroundBlendMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -175,6 +214,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerGraphicsAndGraphicsReferencingElements",
   },
   backgroundClip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -184,6 +224,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   backgroundColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -193,6 +234,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   backgroundImage: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -202,6 +244,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   backgroundOrigin: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -211,26 +254,29 @@ export const properties = {
     appliesTo: "allElements",
   },
   backgroundPositionX: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      value: 0,
       unit: "%",
+      value: 0,
     },
     popularity: 0.08951679,
     appliesTo: "allElements",
   },
   backgroundPositionY: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      value: 0,
       unit: "%",
+      value: 0,
     },
     popularity: 0.06759137,
     appliesTo: "allElements",
   },
   backgroundRepeat: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -240,6 +286,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   backgroundSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -249,6 +296,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   blockOverflow: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -258,6 +306,7 @@ export const properties = {
     appliesTo: "blockContainers",
   },
   blockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -267,6 +316,7 @@ export const properties = {
     appliesTo: "sameAsWidthAndHeight",
   },
   borderBlockColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -276,6 +326,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -285,6 +336,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -294,6 +346,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockEndColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -303,6 +356,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockEndStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -312,6 +366,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockEndWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -321,6 +376,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockStartColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -330,6 +386,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockStartStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -339,6 +396,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBlockStartWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -348,6 +406,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBottomColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -357,6 +416,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBottomLeftRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -367,6 +427,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderBottomRightRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -377,6 +438,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderBottomStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -386,6 +448,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderBottomWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -395,6 +458,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderCollapse: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -404,6 +468,7 @@ export const properties = {
     appliesTo: "tableElements",
   },
   borderEndEndRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -414,6 +479,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderEndStartRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -424,16 +490,18 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderImageOutset: {
+    unitGroups: ["length", "number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 0,
     },
     popularity: 0.00458637,
     appliesTo: "allElementsExceptTableElementsWhenCollapse",
   },
   borderImageRepeat: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -443,16 +511,18 @@ export const properties = {
     appliesTo: "allElementsExceptTableElementsWhenCollapse",
   },
   borderImageSlice: {
+    unitGroups: ["number", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "%",
       value: 100,
     },
     popularity: 0.0093669,
     appliesTo: "allElementsExceptTableElementsWhenCollapse",
   },
   borderImageSource: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -462,16 +532,18 @@ export const properties = {
     appliesTo: "allElementsExceptTableElementsWhenCollapse",
   },
   borderImageWidth: {
+    unitGroups: ["length", "percentage", "number"],
     inherited: false,
     initial: {
       type: "unit",
-      unit: "px",
+      unit: "number",
       value: 1,
     },
     popularity: 0.0072772,
     appliesTo: "allElementsExceptTableElementsWhenCollapse",
   },
   borderInlineColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -481,6 +553,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -490,6 +563,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -499,6 +573,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineEndColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -508,6 +583,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineEndStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -517,6 +593,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineEndWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -526,6 +603,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineStartColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -535,6 +613,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineStartStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -544,6 +623,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderInlineStartWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -553,6 +633,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderLeftColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -562,6 +643,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderLeftStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -571,6 +653,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderLeftWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -580,6 +663,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderRightColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -589,6 +673,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderRightStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -598,6 +683,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderRightWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -607,6 +693,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "unit",
@@ -617,6 +704,7 @@ export const properties = {
     appliesTo: "tableElements",
   },
   borderStartEndRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -627,6 +715,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderStartStartRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -637,6 +726,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderTopColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -646,6 +736,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderTopLeftRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -656,6 +747,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderTopRightRadius: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -666,6 +758,7 @@ export const properties = {
     appliesTo: "allElementsUAsNotRequiredWhenCollapse",
   },
   borderTopStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -675,6 +768,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   borderTopWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -684,6 +778,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   bottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -693,6 +788,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   boxDecorationBreak: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -702,6 +798,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   boxShadow: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -711,6 +808,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   boxSizing: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -720,6 +818,7 @@ export const properties = {
     appliesTo: "allElementsAcceptingWidthOrHeight",
   },
   breakAfter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -729,6 +828,7 @@ export const properties = {
     appliesTo: "blockLevelElements",
   },
   breakBefore: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -738,6 +838,7 @@ export const properties = {
     appliesTo: "blockLevelElements",
   },
   breakInside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -747,6 +848,7 @@ export const properties = {
     appliesTo: "blockLevelElements",
   },
   captionSide: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -756,6 +858,7 @@ export const properties = {
     appliesTo: "tableCaptionElements",
   },
   caretColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -764,7 +867,18 @@ export 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",
@@ -774,6 +888,7 @@ export const properties = {
     appliesTo: "blockLevelElements",
   },
   clip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -783,6 +898,7 @@ export const properties = {
     appliesTo: "absolutelyPositionedElements",
   },
   clipPath: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -792,15 +908,17 @@ export 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",
@@ -810,6 +928,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   colorScheme: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -819,6 +938,7 @@ export const properties = {
     appliesTo: "allElementsAndText",
   },
   columnCount: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -828,6 +948,7 @@ export const properties = {
     appliesTo: "blockContainersExceptTableWrappers",
   },
   columnFill: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -837,6 +958,7 @@ export const properties = {
     appliesTo: "multicolElements",
   },
   columnGap: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -847,6 +969,7 @@ export const properties = {
     appliesTo: "multiColumnElementsFlexContainersGridContainers",
   },
   columnRuleColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -856,6 +979,7 @@ export const properties = {
     appliesTo: "multicolElements",
   },
   columnRuleStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -865,6 +989,7 @@ export const properties = {
     appliesTo: "multicolElements",
   },
   columnRuleWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -874,6 +999,7 @@ export const properties = {
     appliesTo: "multicolElements",
   },
   columnSpan: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -883,6 +1009,7 @@ export const properties = {
     appliesTo: "inFlowBlockLevelElements",
   },
   columnWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -892,6 +1019,7 @@ export const properties = {
     appliesTo: "blockContainersExceptTableWrappers",
   },
   contain: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -900,7 +1028,48 @@ export 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",
@@ -910,6 +1079,7 @@ export const properties = {
     appliesTo: "allElementsTreeAbidingPseudoElementsPageMarginBoxes",
   },
   contentVisibility: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -919,6 +1089,7 @@ export const properties = {
     appliesTo: "elementsForWhichLayoutContainmentCanApply",
   },
   counterIncrement: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -928,6 +1099,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   counterReset: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -937,6 +1109,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   counterSet: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -946,6 +1119,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   cursor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -955,6 +1129,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   direction: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -964,6 +1139,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   display: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -973,6 +1149,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   emptyCells: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -982,6 +1159,7 @@ export const properties = {
     appliesTo: "tableCellElements",
   },
   filter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -991,6 +1169,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   flexBasis: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1000,6 +1179,7 @@ export const properties = {
     appliesTo: "flexItemsAndInFlowPseudos",
   },
   flexDirection: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1009,26 +1189,29 @@ export 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",
@@ -1038,6 +1221,7 @@ export const properties = {
     appliesTo: "flexContainers",
   },
   float: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1047,6 +1231,7 @@ export const properties = {
     appliesTo: "allElementsNoEffectIfDisplayNone",
   },
   fontFamily: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1056,6 +1241,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontFeatureSettings: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1065,6 +1251,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontKerning: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1074,6 +1261,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontLanguageOverride: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1083,6 +1271,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontOpticalSizing: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1092,6 +1281,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariationSettings: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1101,6 +1291,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontSize: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1110,6 +1301,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontSizeAdjust: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1119,6 +1311,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontStretch: {
+    unitGroups: ["percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1128,6 +1321,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontStyle: {
+    unitGroups: ["angle"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1137,6 +1331,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontSynthesis: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1146,6 +1341,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariant: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1155,6 +1351,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariantAlternates: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1164,6 +1361,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariantCaps: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1173,6 +1371,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariantEastAsian: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1182,6 +1381,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariantLigatures: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1191,6 +1391,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariantNumeric: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1200,6 +1401,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontVariantPosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1209,6 +1411,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   fontWeight: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1218,6 +1421,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   forcedColorAdjust: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1227,6 +1431,7 @@ export const properties = {
     appliesTo: "allElementsAndText",
   },
   gridAutoColumns: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1236,6 +1441,7 @@ export const properties = {
     appliesTo: "gridContainers",
   },
   gridAutoFlow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1245,6 +1451,7 @@ export const properties = {
     appliesTo: "gridContainers",
   },
   gridAutoRows: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1254,6 +1461,7 @@ export const properties = {
     appliesTo: "gridContainers",
   },
   gridColumnEnd: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1263,6 +1471,7 @@ export const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer",
   },
   gridColumnStart: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1272,6 +1481,7 @@ export const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer",
   },
   gridRowEnd: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1281,6 +1491,7 @@ export const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer",
   },
   gridRowStart: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1290,6 +1501,7 @@ export const properties = {
     appliesTo: "gridItemsAndBoxesWithinGridContainer",
   },
   gridTemplateAreas: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1299,6 +1511,7 @@ export const properties = {
     appliesTo: "gridContainers",
   },
   gridTemplateColumns: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1308,6 +1521,7 @@ export const properties = {
     appliesTo: "gridContainers",
   },
   gridTemplateRows: {
+    unitGroups: ["length", "percentage", "flex"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1317,6 +1531,7 @@ export const properties = {
     appliesTo: "gridContainers",
   },
   hangingPunctuation: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1326,6 +1541,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   height: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1334,7 +1550,18 @@ export 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",
@@ -1344,6 +1571,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   imageOrientation: {
+    unitGroups: ["angle"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1353,6 +1581,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   imageRendering: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1362,16 +1591,18 @@ export 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",
@@ -1381,6 +1612,7 @@ export const properties = {
     appliesTo: "firstLetterPseudoElementsAndInlineLevelFirstChildren",
   },
   initialLetterAlign: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1390,6 +1622,7 @@ export const properties = {
     appliesTo: "firstLetterPseudoElementsAndInlineLevelFirstChildren",
   },
   inlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1398,25 +1631,18 @@ export const properties = {
     popularity: 0.00381706,
     appliesTo: "sameAsWidthAndHeight",
   },
-  inset: {
+  inputSecurity: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
       value: "auto",
     },
-    popularity: 0.02156551,
-    appliesTo: "positionedElements",
-  },
-  insetBlock: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto",
-    },
-    popularity: 0.00014881,
-    appliesTo: "positionedElements",
+    popularity: 0,
+    appliesTo: "sensitiveTextInputs",
   },
   insetBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1426,6 +1652,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   insetBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1434,16 +1661,8 @@ export const properties = {
     popularity: 0.00036346,
     appliesTo: "positionedElements",
   },
-  insetInline: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto",
-    },
-    popularity: 0.00021379,
-    appliesTo: "positionedElements",
-  },
   insetInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1453,6 +1672,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   insetInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1462,6 +1682,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   isolation: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1471,6 +1692,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerGraphicsAndGraphicsReferencingElements",
   },
   justifyContent: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1480,15 +1702,17 @@ export 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",
@@ -1498,6 +1722,7 @@ export const properties = {
     appliesTo: "blockLevelBoxesAndAbsolutelyPositionedBoxesAndGridItems",
   },
   justifyTracks: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1507,6 +1732,7 @@ export const properties = {
     appliesTo: "gridContainersWithMasonryLayoutInTheirInlineAxis",
   },
   left: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1516,6 +1742,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   letterSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1525,6 +1752,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   lineBreak: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1534,6 +1762,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   lineClamp: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1543,6 +1772,7 @@ export const properties = {
     appliesTo: "blockContainersExceptMultiColumnContainers",
   },
   lineHeight: {
+    unitGroups: ["number", "length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1552,6 +1782,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   lineHeightStep: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "unit",
@@ -1562,6 +1793,7 @@ export const properties = {
     appliesTo: "blockContainers",
   },
   listStyleImage: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1571,6 +1803,7 @@ export const properties = {
     appliesTo: "listItems",
   },
   listStylePosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1580,6 +1813,7 @@ export const properties = {
     appliesTo: "listItems",
   },
   listStyleType: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1588,17 +1822,8 @@ export const properties = {
     popularity: 0.50305363,
     appliesTo: "listItems",
   },
-  marginBlock: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0,
-    },
-    popularity: 0.00120447,
-    appliesTo: "sameAsMargin",
-  },
   marginBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1609,6 +1834,7 @@ export const properties = {
     appliesTo: "sameAsMargin",
   },
   marginBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1619,6 +1845,7 @@ export const properties = {
     appliesTo: "sameAsMargin",
   },
   marginBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1628,17 +1855,8 @@ export const properties = {
     popularity: 0.84497162,
     appliesTo: "allElementsExceptTableDisplayTypes",
   },
-  marginInline: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0,
-    },
-    popularity: 0.00136801,
-    appliesTo: "sameAsMargin",
-  },
   marginInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1649,6 +1867,7 @@ export const properties = {
     appliesTo: "sameAsMargin",
   },
   marginInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1659,6 +1878,7 @@ export const properties = {
     appliesTo: "sameAsMargin",
   },
   marginLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1669,6 +1889,7 @@ export const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes",
   },
   marginRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1679,6 +1900,7 @@ export const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes",
   },
   marginTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1689,6 +1911,7 @@ export const properties = {
     appliesTo: "allElementsExceptTableDisplayTypes",
   },
   marginTrim: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1698,6 +1921,7 @@ export const properties = {
     appliesTo: "blockContainersAndMultiColumnContainers",
   },
   maskBorderMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1707,16 +1931,18 @@ export 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",
@@ -1726,16 +1952,18 @@ export 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",
@@ -1745,6 +1973,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskBorderWidth: {
+    unitGroups: ["length", "percentage", "number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1754,6 +1983,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskClip: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1763,6 +1993,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskComposite: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1772,6 +2003,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskImage: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1781,6 +2013,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1790,6 +2023,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskOrigin: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1799,6 +2033,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1808,15 +2043,17 @@ export 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",
@@ -1826,6 +2063,7 @@ export const properties = {
     appliesTo: "allElementsSVGContainerElements",
   },
   maskType: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1835,6 +2073,7 @@ export const properties = {
     appliesTo: "maskElements",
   },
   masonryAutoFlow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1843,7 +2082,29 @@ export 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",
@@ -1853,16 +2114,17 @@ export const properties = {
     appliesTo: "allElements",
   },
   maxBlockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
-      type: "unit",
-      unit: "px",
-      value: 0,
+      type: "keyword",
+      value: "none",
     },
     popularity: 0.00064707,
     appliesTo: "sameAsWidthAndHeight",
   },
   maxHeight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1872,16 +2134,17 @@ export const properties = {
     appliesTo: "allElementsButNonReplacedAndTableColumns",
   },
   maxInlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
-      type: "unit",
-      unit: "px",
-      value: 0,
+      type: "keyword",
+      value: "none",
     },
     popularity: 0.00062504,
     appliesTo: "sameAsWidthAndHeight",
   },
   maxLines: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1891,6 +2154,7 @@ export const properties = {
     appliesTo: "blockContainersExceptMultiColumnContainers",
   },
   maxWidth: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1900,6 +2164,7 @@ export const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows",
   },
   minBlockSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1910,6 +2175,7 @@ export const properties = {
     appliesTo: "sameAsWidthAndHeight",
   },
   minHeight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1919,6 +2185,7 @@ export const properties = {
     appliesTo: "allElementsButNonReplacedAndTableColumns",
   },
   minInlineSize: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1929,6 +2196,7 @@ export const properties = {
     appliesTo: "sameAsWidthAndHeight",
   },
   minWidth: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1938,6 +2206,7 @@ export const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows",
   },
   mixBlendMode: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1947,6 +2216,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   objectFit: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1956,6 +2226,7 @@ export const properties = {
     appliesTo: "replacedElements",
   },
   objectPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -1965,6 +2236,7 @@ export const properties = {
     appliesTo: "replacedElements",
   },
   offsetAnchor: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1974,6 +2246,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   offsetDistance: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -1984,6 +2257,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   offsetPath: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -1993,6 +2267,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   offsetPosition: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2002,6 +2277,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   offsetRotate: {
+    unitGroups: ["angle"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2011,36 +2287,40 @@ export 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",
@@ -2050,6 +2330,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   outlineOffset: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2060,6 +2341,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   outlineStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2069,6 +2351,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   outlineWidth: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2078,6 +2361,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   overflow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2087,6 +2371,7 @@ export const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers",
   },
   overflowAnchor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2096,6 +2381,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   overflowBlock: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2105,6 +2391,7 @@ export const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers",
   },
   overflowClipMargin: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2115,6 +2402,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   overflowInline: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2124,6 +2412,7 @@ export const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers",
   },
   overflowWrap: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2133,6 +2422,7 @@ export const properties = {
     appliesTo: "nonReplacedInlineElements",
   },
   overflowX: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2142,6 +2432,7 @@ export const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers",
   },
   overflowY: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2151,6 +2442,7 @@ export const properties = {
     appliesTo: "blockContainersFlexContainersGridContainers",
   },
   overscrollBehavior: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2160,6 +2452,7 @@ export const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements",
   },
   overscrollBehaviorBlock: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2169,6 +2462,7 @@ export const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements",
   },
   overscrollBehaviorInline: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2178,6 +2472,7 @@ export const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements",
   },
   overscrollBehaviorX: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2187,6 +2482,7 @@ export const properties = {
     appliesTo: "nonReplacedBlockAndInlineBlockElements",
   },
   overscrollBehaviorY: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2195,17 +2491,8 @@ export const properties = {
     popularity: 0,
     appliesTo: "nonReplacedBlockAndInlineBlockElements",
   },
-  paddingBlock: {
-    inherited: false,
-    initial: {
-      type: "unit",
-      unit: "px",
-      value: 0,
-    },
-    popularity: 0.00094479,
-    appliesTo: "allElements",
-  },
   paddingBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2213,9 +2500,10 @@ export const properties = {
       value: 0,
     },
     popularity: 0.00269343,
-    appliesTo: "allElements",
+    appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   paddingBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2223,9 +2511,10 @@ export const properties = {
       value: 0,
     },
     popularity: 0.00281718,
-    appliesTo: "allElements",
+    appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   paddingBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2235,17 +2524,8 @@ export 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",
@@ -2253,9 +2533,10 @@ export const properties = {
       value: 0,
     },
     popularity: 0.02914235,
-    appliesTo: "allElements",
+    appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   paddingInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2263,9 +2544,10 @@ export const properties = {
       value: 0,
     },
     popularity: 0.03734959,
-    appliesTo: "allElements",
+    appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   paddingLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2276,6 +2558,7 @@ export const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   paddingRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2286,6 +2569,7 @@ export const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   paddingTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2296,6 +2580,7 @@ export const properties = {
     appliesTo: "allElementsExceptInternalTableDisplayTypes",
   },
   pageBreakAfter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2305,6 +2590,7 @@ export const properties = {
     appliesTo: "blockElementsInNormalFlow",
   },
   pageBreakBefore: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2314,6 +2600,7 @@ export const properties = {
     appliesTo: "blockElementsInNormalFlow",
   },
   pageBreakInside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2323,6 +2610,7 @@ export const properties = {
     appliesTo: "blockElementsInNormalFlow",
   },
   paintOrder: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2332,6 +2620,7 @@ export const properties = {
     appliesTo: "textElements",
   },
   perspective: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2341,6 +2630,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   perspectiveOrigin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2349,16 +2639,8 @@ export const properties = {
     popularity: 0.03597136,
     appliesTo: "transformableElements",
   },
-  placeContent: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "normal",
-    },
-    popularity: 0.00389319,
-    appliesTo: "multilineFlexContainers",
-  },
   pointerEvents: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2368,6 +2650,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   position: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2377,6 +2660,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   quotes: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2386,6 +2670,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   resize: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2395,6 +2680,7 @@ export const properties = {
     appliesTo: "elementsWithOverflowNotVisibleAndReplacedElements",
   },
   right: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2404,6 +2690,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   rotate: {
+    unitGroups: ["angle", "number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2413,6 +2700,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   rowGap: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2423,6 +2711,7 @@ export const properties = {
     appliesTo: "multiColumnElementsFlexContainersGridContainers",
   },
   rubyAlign: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2432,6 +2721,7 @@ export const properties = {
     appliesTo: "rubyBasesAnnotationsBaseAnnotationContainers",
   },
   rubyMerge: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2441,6 +2731,7 @@ export const properties = {
     appliesTo: "rubyAnnotationsContainers",
   },
   rubyPosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2450,6 +2741,7 @@ export const properties = {
     appliesTo: "rubyAnnotationsContainers",
   },
   scale: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2459,6 +2751,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   scrollbarColor: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2468,6 +2761,7 @@ export const properties = {
     appliesTo: "scrollingBoxes",
   },
   scrollbarGutter: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2477,6 +2771,7 @@ export const properties = {
     appliesTo: "scrollingBoxes",
   },
   scrollbarWidth: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2486,6 +2781,7 @@ export const properties = {
     appliesTo: "scrollingBoxes",
   },
   scrollBehavior: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2494,27 +2790,8 @@ export 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",
@@ -2525,6 +2802,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollMarginBlockEnd: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2535,16 +2813,7 @@ export 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",
@@ -2555,6 +2824,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollMarginInlineStart: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2565,6 +2835,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollMarginInlineEnd: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2575,6 +2846,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollMarginLeft: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2585,6 +2857,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollMarginRight: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2595,6 +2868,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollMarginTop: {
+    unitGroups: ["length"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2604,25 +2878,8 @@ export const properties = {
     popularity: 0,
     appliesTo: "allElements",
   },
-  scrollPadding: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto",
-    },
-    popularity: 0.00684182,
-    appliesTo: "scrollContainers",
-  },
-  scrollPaddingBlock: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto",
-    },
-    popularity: 0.00011157,
-    appliesTo: "scrollContainers",
-  },
   scrollPaddingBlockStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2632,6 +2889,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollPaddingBlockEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2641,6 +2899,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollPaddingBottom: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2649,16 +2908,8 @@ export const properties = {
     popularity: 0.00046042,
     appliesTo: "scrollContainers",
   },
-  scrollPaddingInline: {
-    inherited: false,
-    initial: {
-      type: "keyword",
-      value: "auto",
-    },
-    popularity: 0.00030929,
-    appliesTo: "scrollContainers",
-  },
   scrollPaddingInlineStart: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2668,6 +2919,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollPaddingInlineEnd: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2677,6 +2929,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollPaddingLeft: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2686,6 +2939,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollPaddingRight: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2695,6 +2949,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollPaddingTop: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2704,6 +2959,7 @@ export const properties = {
     appliesTo: "scrollContainers",
   },
   scrollSnapAlign: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2713,6 +2969,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollSnapStop: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2722,6 +2979,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   scrollSnapType: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2730,17 +2988,39 @@ export 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: 0.00579108,
     appliesTo: "floats",
   },
   shapeMargin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "unit",
@@ -2751,6 +3031,7 @@ export const properties = {
     appliesTo: "floats",
   },
   shapeOutside: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2760,16 +3041,18 @@ export 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",
@@ -2779,6 +3062,7 @@ export const properties = {
     appliesTo: "tableElements",
   },
   textAlign: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2788,6 +3072,7 @@ export const properties = {
     appliesTo: "blockContainers",
   },
   textAlignLast: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2797,6 +3082,7 @@ export const properties = {
     appliesTo: "blockContainers",
   },
   textCombineUpright: {
+    unitGroups: ["number"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2806,6 +3092,7 @@ export const properties = {
     appliesTo: "nonReplacedInlineElements",
   },
   textDecorationColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2815,6 +3102,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textDecorationLine: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2824,6 +3112,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textDecorationSkip: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2833,6 +3122,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textDecorationSkipInk: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2842,6 +3132,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textDecorationStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2851,6 +3142,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textDecorationThickness: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2860,6 +3152,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textEmphasisColor: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2869,6 +3162,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textEmphasisPosition: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2878,6 +3172,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textEmphasisStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2887,6 +3182,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textIndent: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "unit",
@@ -2897,6 +3193,7 @@ export const properties = {
     appliesTo: "blockContainers",
   },
   textJustify: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2906,6 +3203,7 @@ export const properties = {
     appliesTo: "inlineLevelAndTableCellElements",
   },
   textOrientation: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2915,6 +3213,7 @@ export const properties = {
     appliesTo: "allElementsExceptTableRowGroupsRowsColumnGroupsAndColumns",
   },
   textOverflow: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2924,6 +3223,7 @@ export const properties = {
     appliesTo: "blockContainerElements",
   },
   textRendering: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2933,6 +3233,7 @@ export const properties = {
     appliesTo: "textElements",
   },
   textShadow: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2942,6 +3243,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textSizeAdjust: {
+    unitGroups: ["percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2951,6 +3253,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textTransform: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2960,6 +3263,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textUnderlineOffset: {
+    unitGroups: ["length", "percentage"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2969,6 +3273,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   textUnderlinePosition: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -2978,6 +3283,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   top: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2987,6 +3293,7 @@ export const properties = {
     appliesTo: "positionedElements",
   },
   touchAction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -2997,6 +3304,7 @@ export const properties = {
       "allElementsExceptNonReplacedInlineElementsTableRowsColumnsRowColumnGroups",
   },
   transform: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3006,6 +3314,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   transformBox: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3015,6 +3324,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   transformOrigin: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3024,6 +3334,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   transformStyle: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3033,26 +3344,29 @@ export 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",
@@ -3062,6 +3376,7 @@ export const properties = {
     appliesTo: "allElementsAndPseudos",
   },
   transitionTimingFunction: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3071,6 +3386,7 @@ export const properties = {
     appliesTo: "allElementsAndPseudos",
   },
   translate: {
+    unitGroups: ["length", "percentage"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3080,6 +3396,7 @@ export const properties = {
     appliesTo: "transformableElements",
   },
   unicodeBidi: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3089,6 +3406,7 @@ export const properties = {
     appliesTo: "allElementsSomeValuesNoEffectOnNonInlineElements",
   },
   userSelect: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3098,6 +3416,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   verticalAlign: {
+    unitGroups: ["percentage", "length"],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3107,6 +3426,7 @@ export const properties = {
     appliesTo: "inlineLevelAndTableCellElements",
   },
   visibility: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3116,6 +3436,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   whiteSpace: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3125,16 +3446,18 @@ export 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",
@@ -3144,6 +3467,7 @@ export const properties = {
     appliesTo: "allElementsButNonReplacedAndTableRows",
   },
   willChange: {
+    unitGroups: [],
     inherited: false,
     initial: {
       type: "keyword",
@@ -3153,6 +3477,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   wordBreak: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3162,6 +3487,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   wordSpacing: {
+    unitGroups: ["length"],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3171,6 +3497,7 @@ export const properties = {
     appliesTo: "allElements",
   },
   wordWrap: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3180,6 +3507,7 @@ export const properties = {
     appliesTo: "nonReplacedInlineElements",
   },
   writingMode: {
+    unitGroups: [],
     inherited: true,
     initial: {
       type: "keyword",
@@ -3189,6 +3517,7 @@ export const properties = {
     appliesTo: "allElementsExceptTableRowColumnGroupsTableRowsColumns",
   },
   zIndex: {
+    unitGroups: ["number"],
     inherited: false,
     initial: {
       type: "keyword",