Disabling Leaflet CSS on the Frontend

Hi,

I have and OpenStreetMap field, but on the frontend I use only Mapbox, so I don't need leaflet.css outside of the admin area.

But I get this in the head:

<link rel="stylesheet" id="leaflet-css" href="https://unpkg.com/[email protected]/dist/leaflet.css" media="all" />

I would like to disable that, because it is render-blocking and my score in PageSpeed Insights is affected.

I tried this, but it doesn't seem to work:

function dequeue_leaflet_css() {
   
    if (!is_admin()) {
        // Dequeue Leaflet CSS
        wp_deregister_style('leaflet');
        wp_dequeue_style('leaflet'); 
        wp_deregister_style('leaflet_css');
        wp_dequeue_style('leaflet_css'); 
		
    }
}
add_action('wp_enqueue_scripts', 'dequeue_leaflet_css'); 

Greetings,
Tom