fix: on pasting in advanced panel, show warning toast for duplicate variables and continue updating the values (#5623)

Author: kof

apps/builder/app/builder/shared/css-editor/add-style-input.tsx

@@ -234,9 +234,16 @@ export const AddStyleInput = forwardRef<
       if (property.startsWith("--")) {
         const error = validateCssVariableName(property);
         if (error) {
-          // Show error via toast
-          toast.error(error.message);
-          return;
+          // For duplicate variables, show warning and continue updating the values
+          if (error.type === "duplicate") {
+            toast.warn(
+              `CSS variable "${property}" already exists. Its value will be updated.`
+            );
+          } else {
+            // Show error via toast and block submission
+            toast.error(error.message);
+            return;
+          }
         }
       }
 

apps/builder/app/builder/shared/css-variable-utils.tsx

@@ -270,7 +270,7 @@ export const $unusedCssVariables = computed(
   }
 );
 
-export type CssVariableError =
+type CssVariableError =
   | { type: "required"; message: string }
   | { type: "invalid"; message: string }
   | { type: "duplicate"; message: string };