SVG color and dark-mode (!important)

I need to style SVG/path colors in dark mode, see below.
Please let me know your guidelines for achieving this.

As there is an !important attached I am not able to style the SVG correctly.
I could use %root%%root% path, but I am on class level not ID-level…
Thanks for your proposal for handling such situations.

// simple example of embedded SVG with changing colors
#brxe-wxyz :not([fill="none"]) {
  fill: var(--white) !important;
}
@media (prefers-color-scheme: dark) {
  .example__svg path {
    fill: var(--black) !important;
  }
}