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

packages/standard-components/src/Heading.svelte

@@ -19,13 +19,20 @@
 
   // 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,
+
+  const enrichStyles = (styles, color) => {
+    if (!color) {
+      return styles
+    }
+    return {
+      ...styles,
       normal: {
-      ...$component.styles?.normal,
+        ...styles?.normal,
         color,
       },
     }
+  }
 </script>
 
 <h1