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

Question

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.

Answer 1

To get it off the unanswered list, adding the comment by @Sally CJ as answer:

---

There was a typo, it's separator not seperator. This works:

add_action( 'wp_enqueue_scripts', 'mytheme_wp_enqueue_scripts', 99 );

function mytheme_wp_enqueue_scripts() {
    wp_dequeue_style( 'wp-block-separator' );
}