fix: interpolated style directive updates properly with spread

src/compiler/compile/render_dom/wrappers/Element/index.ts

@@ -1240,20 +1240,28 @@ export default class ElementWrapper extends Wrapper {
 
 			block.chunks.hydrate.push(updater);
 
-			// Assume that style has changed through the spread attribute
-			if (has_spread) {
-				block.chunks.update.push(updater);
-			} else {
 			const self_deps = expression.dynamic_dependencies();
 			const all_deps = new Set([
 				...self_deps,
-					...this.dynamic_style_dependencies
+				...this.dynamic_style_dependencies,
 			]);
 
-				if (all_deps.size === 0) return;
-
 			let condition = block.renderer.dirty([...all_deps]);
 
+			// Assume that style has changed through the spread attribute
+			if (has_spread) {
+				if (should_cache && all_deps.size) {
+					// Update the cached value
+					block.chunks.update.push(b`
+						if (${condition}) {
+							${cached_snippet} = ${snippet};
+						}`
+					);
+				}
+				block.chunks.update.push(updater);
+			} else {
+				if (all_deps.size === 0) return;				
+
 				if (should_cache) {
 					condition = x`${condition} && ${cached_snippet} !== (${cached_snippet} = ${snippet})`;
 				}