fix: removes the delay when the icon changes color when hovering. (#2047)

* fix: removes the delay when the icon changes color when hovering. fixes #2046

* fix: fix also for the backend

Author: bfintal

src/styles/block-transitions.scss

@@ -36,6 +36,10 @@ body.stk--anim-init {
 	.stk--svg-wrapper :is(.stk--shape-icon, .stk--inner-svg, .stk--inner-svg *) {
 		transition: all 0.12s cubic-bezier(0.45, 0.05, 0.55, 0.95);
 	}
+	// Icons can have a delay in transitions. It's more apparent when transitioning fill, removing it seems to fix this.
+	.stk--svg-wrapper .stk--inner-svg svg:last-child {
+		transition: all 0.12s cubic-bezier(0.45, 0.05, 0.55, 0.95), fill 0s;
+	}
 }
 
 // Some attributes will not animate if they have no starting values.

src/styles/editor-block-transitions.scss

@@ -32,6 +32,10 @@
 	.stk--svg-wrapper :is(.stk--shape-icon, .stk--inner-svg, .stk--inner-svg *) {
 		transition: all 0.12s cubic-bezier(0.45, 0.05, 0.55, 0.95);
 	}
+	// Icons can have a delay in transitions. It's more apparent when transitioning fill, removing it seems to fix this.
+	.stk--svg-wrapper .stk--inner-svg svg:last-child {
+		transition: all 0.12s cubic-bezier(0.45, 0.05, 0.55, 0.95), fill 0s;
+	}
 }
 
 // The transitions above may interfere with Gutenberg transitions like moving