Does not work when using style defs

[gajus]

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 187.11">
  <defs>
    <style>
      .cls-1{fill: var(--color-primary, #000);}
      .cls-2{fill: #fff;}
    </style>
  </defs>
  <path class="cls-1" d="M45.98 187.12c-25.4 0-46-41.88-46-93.57S20.56.01 45.98.01h164c25.4 0 46 41.88 46 93.54s-20.58 93.57-46 93.57h-164z"/>
  <path class="cls-2" d="M133.05 71.71a21.945 21.945 0 1 1 0 43.89h-5.71V71.71h5.75zm2.24 63.07a41.18 41.18 0 1 0 .19-82.35h-25.53v82.38h25.34m-33.88 0H83.34v-10.9H53.03l-7 10.9H19.5l59.31-82.4h22.59v82.42z"/>
  <path class="cls-1" d="M83.43 106.75H64.34l19-29.51v29.51z"/>
  <path class="cls-2" d="M224.99 52.35h-10.17a60.37 60.37 0 0 1 3.74 82.21h9.78a66.11 66.11 0 0 0-3.32-82.16"/>
  <path class="cls-2" d="M204.2 52.35h-10.16a60.37 60.37 0 0 1 3.74 82.21h9.68a66 66 0 0 0-3.26-82.16"/>
  <path class="cls-2" d="M183.42 52.35h-10.16a60.55 60.55 0 0 1 3.73 82.21h9.68a66.23 66.23 0 0 0-3.26-82.16"/>
</svg>

Configuring --color-primary has no effect.

[mithri]

I can confirm.