fix (progress blocks): use only the derivedProgressValue without the suffix and prefix for the CSS var (#3549)

Author: Arukuen

src/block/progress-bar/edit.js

@@ -120,7 +120,7 @@ const Edit = props => {
 				</div>
 				{ /* Add our progress style here because we're adjusting the value using a hook */ }
 				<style>
-					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-bar { --progress-value:${ derivedValue }% !important; }` }
+					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-bar { --progress-value:${ derivedProgressValue }% !important; }` }
 				</style>
 			</BlockDiv>
 			{ props.isHovered && <MarginBottom /> }

src/block/progress-circle/edit.js

@@ -132,7 +132,7 @@ const Edit = props => {
 				</div>
 				{ /* Add our progress style here because we're adjusting the value using a hook */ }
 				<style>
-					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-circle { --progress-value:${ derivedValue } }` }
+					{ `.editor-styles-wrapper .stk-${ props.attributes.uniqueId } .stk-progress-circle { --progress-value:${ derivedProgressValue } }` }
 				</style>
 			</BlockDiv>
 			{ props.isHovered && <MarginBottom /> }