Only override existing color style if a color setting exists for Headings

packages/standard-components/src/Heading.svelte

@@ -19,12 +19,19 @@
 
   // Add color styles to main styles object, otherwise the styleable helper
   // overrides the color when it's passed as inline style.
-  $: styles = {
+  $: styles = enrichStyles($component.styles, color)
-    ...$component.styles,
+
-    normal: {
+  const enrichStyles = (styles, color) => {
-      ...$component.styles?.normal,
+    if (!color) {
-      color,
+      return styles
-    },
+    }
+    return {
+      ...styles,
+      normal: {
+        ...styles?.normal,
+        color,
+      },
+    }
   }
 </script>