ENGCOM-8334: Fix missing escape less calc #30453

Author: gabrieldagama

app/design/adminhtml/Magento/backend/Magento_Sales/web/css/source/module/order/_payment-shipping.less

@@ -9,13 +9,15 @@
 
 .admin__payment-method-wrapper {
     margin: 0;
-    width: calc(50% - @indent__l);
+    width: ~'calc(50% - @{indent__l})';
+
     .admin__field {
         margin-left: 0;
         &:first-child {
             margin-top: 1.5rem;
         }
     }
+
     .admin__payment-methods {
         margin: 0;
     }
@@ -62,6 +64,7 @@
     position: absolute;
     right: 0;
     top: 0;
+
     span {
         background-color: @color-white;
         display: block;
@@ -71,6 +74,7 @@
         position: absolute;
         top: 43px;
     }
+
     .order-shipping-address & {
         span {
             top: 0;
@@ -102,6 +106,7 @@
     + .order-payment-currency {
         margin-top: @indent__s;
     }
+    
     .admin__table-secondary {
         margin-top: @indent__s;
         &:extend(.abs-admin__table-secondary-edit-order all);

app/design/adminhtml/Magento/backend/web/css/source/forms/_fields.less

@@ -163,6 +163,7 @@
         .admin__field-control {
             padding-top: 7px;
         }
+        
         .admin__field-option {
             padding-top: 0;
         }
@@ -361,6 +362,7 @@
         cursor: inherit;
         opacity: 1;
         outline: inherit;
+
         .admin__action-multiselect-wrap {
             .admin__action-multiselect {
                 .__form-control-pattern__disabled();
@@ -433,7 +435,7 @@
             font-size: 1.7rem;
             font-weight: @font-weight__bold;
             padding: 1.7rem 0;
-            width: calc(100% - @indent__l);
+            width: ~'calc(100% - @{indent__l})';
         }
 
         .admin__field-option {
@@ -704,6 +706,7 @@
                 width: 100%;
             }
         }
+
         & > .admin__field-label {
             text-align: left;
         }
@@ -819,4 +822,3 @@
         overflow: hidden;
     }
 }
-

app/design/frontend/Magento/luma/Magento_Sales/web/css/source/_module.less

@@ -210,6 +210,7 @@
 
         .items-qty {
             &:extend(.abs-reset-list all);
+            
             .item {
                 white-space: nowrap;
             }
@@ -347,13 +348,15 @@
 
         .product-item-name {
             float: left;
-            width: calc(100% - 20px);
+            width: calc(~'100% - 20px');
         }
+
         .product-item::after {
             clear: both;
             content: '';
             display: table;
         }
+
         .product-item {
             .label {
                 &:extend(.abs-visually-hidden all);
@@ -491,6 +494,7 @@
 
         .data.table .col.options {
             padding: 0 10px 15px;
+
             &:before {
                 display: none;
             }