From 5642fd1d8e219316ae454c290716e11eba59b0aa Mon Sep 17 00:00:00 2001
From: Nathan Walker <walkerrunpdx@gmail.com>
Date: Fri, 21 Feb 2025 14:37:45 -0800
Subject: [PATCH] feat(css): allow infinity values within css calc expressions

---
 packages/core/ui/core/properties/index.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/core/ui/core/properties/index.ts b/packages/core/ui/core/properties/index.ts
index 3ca9be748a..6a85d040f9 100644
--- a/packages/core/ui/core/properties/index.ts
+++ b/packages/core/ui/core/properties/index.ts
@@ -150,12 +150,14 @@ export function _evaluateCssCalcExpression(value: string) {
 	}
 
 	if (isCssCalcExpression(value)) {
-		// WORKAROUND: reduce-css-calc can't handle the dip-unit.
+		// Note: reduce-css-calc can't handle certain values
 		let cssValue = value.replace(/([0-9]+(\.[0-9]+)?)dip\b/g, '$1');
 		if (cssValue.includes('unset')) {
-			// ensure unset is properly handled before processing calc
 			cssValue = cssValue.replace(/unset/g, '0');
 		}
+		if (cssValue.includes('infinity')) {
+			cssValue = cssValue.replace(/infinity/g, '999999');
+		}
 		return require('reduce-css-calc')(cssValue);
 	} else {
 		return value;