fix (posts): update selectors for image styles to work (#3535)

* fix(posts): also return original selectors to avoid overwriting

* Update src/block/posts/style.js

---------

Co-authored-by: Benjamin Intal <[email protected]>

Author: Arukuen

src/block/posts/style.js

@@ -294,15 +294,18 @@ Image.addStyles( blockStyles, {
 		}
 		return true
 	},
-	selectorCallback: getAttribute => {
+	selectorCallback: ( getAttribute, _attributes, _clientId, props ) => {
 		const className = getAttribute( 'className' )
 		const blockStyle = getBlockStyle( variations, className )
 		const imageHasLink = getAttribute( 'imageHasLink' )
 
+		const selector = props.selector
 		if ( [ 'list' ].includes( blockStyle?.name ) && imageHasLink ) {
-			return `${ itemSelector } .stk-block-posts__image-link`
+			return Array.isArray( selector )
+				? [ ...selector, `${ itemSelector } .stk-block-posts__image-link` ]
+				: [ selector, `${ itemSelector } .stk-block-posts__image-link` ]
 		}
-		return '.stk-img-wrapper'
+		return selector
 	},
 	widthStyleRuleCallback: getAttribute => {
 		const className = getAttribute( 'className' )

src/components/block-css/index.js

@@ -288,7 +288,7 @@ const BlockCss = props => {
 	}
 	const hoverStyleRule = _hoverStyleRule || styleRule
 
-	let selector = selectorCallback ? selectorCallback( getAttribute, attributes, clientId ) : _selector
+	let selector = selectorCallback ? selectorCallback( getAttribute, attributes, clientId, props ) : _selector
 	let hoverSelector = hoverSelectorCallback ? hoverSelectorCallback( getAttribute, attributes, clientId ) : _hoverSelector
 
 	const desktopQuery = ( Array.isArray( responsive ) ? responsive.find( s => s.startsWith( 'desktop' ) ) : 'desktop' ) || 'desktop'