How to stop Gutenberg from outputting inline CSS for specific blocks?

I like to know how I can remove these individually.

style id='wp-block-separator-inline-css'
@charset UTF-8;.wp-block-separator{border-bottom:1px soli ...
/style

WP has a feature to add inline JS and (and also CSS I think) to registered scripts/styles. So dequeue should work, but it does not.

add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\action_wp_enqueue_scripts', 99 );

function action_wp_enqueue_scripts() {

    wp_dequeue_style( 'wp-block-navigation' ); // Comes from a file and works 
    wp_dequeue_style( 'wp-block-post-comments-form' ); // Comes from a file and works 
    wp_dequeue_style( 'wp-block-seperator' ); // Does not work
}

A hint to where exactly I find in the source on how these are handled would also help.

And BTW, I do not understand why these are handled in this stupid HTML polluting way in the first place. This does not seem to be dynamic for the most part, but FSE Themes are spammed with inline CSS for almost all blocks, only a few are loaded from CSS files. This causes the browser to never cache the CSS for blocks, very inefficient.

Asked the question and made this comment already on Github.

Topic block-editor css Wordpress

Category Web

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.