Commit de8bccdea9 for woocommerce

commit de8bccdea936cf0a825351295e3ec1efccd196fd
Author: Raluca Stan <ralucastn@gmail.com>
Date:   Mon Jun 30 11:38:02 2025 +0200

    Fix css calc related build errors (#59187)

    * Fix css calc related build errors

    * Add changelog

    * Update plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/proceed-to-checkout-block/style.scss

diff --git a/plugins/woocommerce/changelog/fix-css-build-warnings b/plugins/woocommerce/changelog/fix-css-build-warnings
new file mode 100644
index 0000000000..0f30ecaa45
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-css-build-warnings
@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Silent css build calc errors
diff --git a/plugins/woocommerce/client/admin/client/task-lists/fills/experimental-shipping-recommendation/components/plugin-banner.scss b/plugins/woocommerce/client/admin/client/task-lists/fills/experimental-shipping-recommendation/components/plugin-banner.scss
index 7b5097b9cc..39444898bb 100644
--- a/plugins/woocommerce/client/admin/client/task-lists/fills/experimental-shipping-recommendation/components/plugin-banner.scss
+++ b/plugins/woocommerce/client/admin/client/task-lists/fills/experimental-shipping-recommendation/components/plugin-banner.scss
@@ -49,7 +49,7 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: space-around;
-		gap: calc($gap-smaller + $gap-smallest / 2);
+		gap: calc($gap-smaller + ($gap-smallest / 2));
 	}

 	.woocommerce-task-shipping-recommendations_plugins-buttons {
diff --git a/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/password-strength-meter/style.scss b/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/password-strength-meter/style.scss
index ca5db09e1d..4440fe352d 100644
--- a/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/password-strength-meter/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/base/components/cart-checkout/password-strength-meter/style.scss
@@ -17,7 +17,7 @@
 		width: 100%;
 		display: block;
 		height: $gap-smaller;
-		border-radius: #{$gap-smaller / 2};
+		border-radius: calc($gap-smaller / 2);
 		border: 0;
 		background-color: $universal-border-light;
 		color: $alert-red;
@@ -35,7 +35,7 @@
 			background: none;
 			background-color: currentColor;
 			transition: 0.2s ease;
-			border-radius: #{$gap-smaller / 2};
+			border-radius: calc($gap-smaller / 2);
 			border: 0;
 			height: $gap-smaller;
 			vertical-align: middle;
@@ -47,7 +47,7 @@
 			background: none;
 			background-color: currentColor;
 			transition: 0.2s ease;
-			border-radius: #{$gap-smaller / 2};
+			border-radius: calc($gap-smaller / 2);
 			border: 0;
 			height: $gap-smaller;
 			vertical-align: middle;
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/proceed-to-checkout-block/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/proceed-to-checkout-block/style.scss
index 2c1e643832..6bc6285303 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/proceed-to-checkout-block/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/proceed-to-checkout-block/style.scss
@@ -49,7 +49,7 @@
 	}
 }

-@include breakpoint(">=782px") {
+@include breakpoint(">781px") {
 	.wc-block-cart .wc-block-cart__submit-container--sticky {
 		display: none;
 	}
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/style.scss
index 60ab67a9d9..dfba7edbdb 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/inner-blocks/checkout-pickup-options-block/style.scss
@@ -44,7 +44,7 @@
 		}
 		.wc-block-components-radio-control__description-group {
 			display: block;
-			width: calc(100% + em($gap-huge / 0.875));
+			width: calc(100% + em(math.div($gap-huge, 0.875)));
 			box-sizing: border-box;
 			border-radius: $universal-border-radius;
 			padding: 1px em($gap-small);