Cannot change dominant-baseline

[cyonder]

🐛 Bug report

Summary of issue

Cannot change dominant-baseline for text. I want to set it to center.

Reproducible example

      <CircularProgressbar
        text={`1/4`}
        styles={{
          text: {
            fill: 'red',
            'dominant-baseline': 'center'
          }
        }}
      />

fill works but dominant-baseline doesn't work. I also tried "dominantBaseline" instead of " 'dominant-baseline' "

Your environment

• What browser version were you using?
  Chrome v98
• What version of react-circular-progressbar are you using?
  ^2.0.4

[lalodsi]

Try using middle instead center, these values are not based in align but in the baseline, that's why they are different.

For more info, check this link