'vaadin-icon' css leaked to global scope

[drewharvey]

Vaadin version: 24.8.5
Add-on version: 5.0.0

Issue

The css rules defined in vcf-pdf-viewer-toolbar-icons-styles.js are being applied globally to <vaadin-icon> elements. It is quite common to use have custom icon classes (e.g. use material icons) and this causes issues, especially because the font-family is being set here.

You can see that the styles are present in a <vaadin-icon> which is part of my application's navigation (outside of the <vcf-pdf-viewer> component:

Here is the <style> element inside of the <vaadin-icon> shadow dom: