Featured Image: Fix block support selectors after shadow support addition

[aaronrobertshaw]

Related:

• Add Box Shadow support for featured image #59616

What?

Fixes broken border radius and duotone block supports on the featured image block.

Note: Any odd behaviour with the location and display of the overlay was fixed in #60187

Why?

When shadow block support was added to the featured image block it used the Block Selectors API. When this is used theme.json and global styles expect all block supports selectors to be configured by the same approach i.e. the selectors API or the old __experimentalSelectors properties but not both.

How?

Moves the selectors for duotone and borders support to the selectors API within the block.json file.

Testing Instructions

1. Add a featured image block
2. Select the feature image block and add an image
3. Apply a border including border radius
4. Save and confirm the border displays correctly in the editor and frontend
5. Apply a duotone filter
6. Save and confirm the duotone is applied correctly on the frontend as well

Screenshots or screencast

Screen.Recording.2024-03-26.at.10.46.49.AM.mp4

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: aaronrobertshaw <[email protected]>
Co-authored-by: andrewserong <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[andrewserong]

This is testing nicely for me, thanks for the follow-up @aaronrobertshaw! Tested with a couple of different Featured Image patterns in the post and site editors with a mix of local-to-the-block and global styles, and it's all testing nicely for me 👍

LGTM! ✨

[jasmussen]

Thanks for lightning fast followup. This does indeed appear to work as intended.

CC: @bph, can we cherry-pick this one for GB 18.0? Since the featured image radius is such a prominent feature of Twenty Twenty-Four, it would be a good one to include.

[bph]

I just cherry-picked this PR to the release/18.0 branch to get it included in the next release: 1cd464d