chore: Port non-dimensional regex fix to new v11 (#4772)

Copy of #2608

Co-authored-by: Kristóf Poduszló <[email protected]>

Author: 2 people

compat/src/util.js

@@ -13,4 +13,4 @@ export function shallowDiffers(a, b) {
 }
 
 export const IS_NON_DIMENSIONAL =
-	/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+	/^(-|f[lo].*[^se]$|g.{5,}[^ps]$|z|o[pr]|(W.{5})?[lL]i.*(t|mp)$|an|(bo|s).{4}Im|sca|m.{6}[ds]|ta|c.*[st]$|wido|ini)/;

compat/test/browser/render.test.js

@@ -800,10 +800,12 @@ describe('compat render', () => {
 		// Our appending logic must not be applied here
 		const untouched = {
 			'-webkit-line-clamp': 2,
+			animation: 2,
 			'animation-iteration-count': 3,
+			'border-image': 2,
+			'border-image-slice': 2,
 			'column-count': 2,
-			// TODO: unsupported atm
-			// columns: 2,
+			columns: 2,
 			flex: 1,
 			'flex-grow': 1,
 			'flex-shrink': 1,
@@ -814,21 +816,24 @@ describe('compat render', () => {
 			'grid-column-start': 2,
 			'grid-row': 2,
 			'grid-row-end': 2,
+			'grid-row-gap': 23,
 			'grid-row-start': 2,
-			// TODO: unsupported atm
-			//'line-height': 2,
+			'inital-letter': 2,
+			'line-height': 2,
+			'line-clamp': 2,
+			'mask-border': 2,
 			'mask-border-outset': 2,
 			'mask-border-slice': 2,
 			'mask-border-width': 2,
+			'max-lines': 2,
 			'max-zoom': 2,
 			'min-zoom': 2,
 			opacity: 123,
 			order: 123,
 			orphans: 2,
-			'grid-row-gap': 23,
 			scale: 23,
-			// TODO: unsupported atm
-			//'tab-size': 23,
+			'shape-image-threshold': 23,
+			'tab-size': 23,
 			widows: 123,
 			'z-index': 123,
 			zoom: 123