Description

Issue reported in https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/#comment-42320

In a block theme, additional block styles registered using the wp_enqueue_block_style function should only get printed when the block exists on a page. However, they currently always get rendered.

This PR fixes the issue so that these styles will only get printed when a block gets rendered.

How has this been tested?

Using 5.0-RC, with the twentytwentytwo theme:
Added this in the theme's functions.php file:

add_action( 'after_setup_theme', function() {
	wp_enqueue_block_style( 'core/gallery', array(
		'handle' => 'my-theme-gallery',
		'src'    => get_theme_file_uri( 'assets/blocks/gallery.css' ),
		'path'   => get_theme_file_path( 'assets/blocks/gallery.css' ),
	) );
} );

Then, I added a new assets/blocks/gallery.css file in the theme with these contents:

img {
	padding: 10px;
	background: #000;
	color: #fff;
}

Tested and confirmed that the styles only get added when the block exists.
Then switched to the twentytwentyone theme (or any other non-block theme), and confirmed that the styles get added regardless of whether the block exists on a page or not (conditional stylesheets loading should only work for block themes)

This should be backported to 5.9 👍

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).
• I've updated related schemas if appropriate.