Progress value in ProgressBar not clearly visible (theme Material Design)

[Wandmalfarbe]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)

The Bug is reproducible on the PrimeNG example website (Table > Edit > Row Editing). Please see the attached GIF:

https://www.primefaces.org/primeng/showcase/#/table/edit

Reproduction GIF with PrimeNG 13.1.0

Reproduction GIF with PrimeNG 11.4.10-lts

Current behavior

The progress value from the ProgressBar component is not clearly visible when using one of the 4 built-in material design themes (e.g. Indigo Light). I provided two example GIFs that show the issue in PrimeNG 13.1.0 and PrimeNG 11.4.10-lts. Please observe the progress value of the first progress bar.

Expected behavior

The progress value from the ProgressBar is visible when using one of the 4 built-in material design themes.

Minimal reproduction of the problem with instructions

1. Open the PrimeNG example website with the ProgressBar examples https://www.primefaces.org/primeng/showcase/#/progressbar
2. Change the Theme to one of the 4 built-in material design themes (e.g. Indigo Light).
3. Observe the progress value from the first progress bar.

What is the motivation / use case for changing the behavior?

We currently use the Material Design theme 'Indigo Light' and the progress bar value is not usable with this theme.

Please tell us about your environment:

• OS: Windows
• Browser: Firefox 95.0b8 (64-bit)
• Angular version: 12.0.5
• PrimeNG version: 13.1.0 and 11.4.10-lts
• Language: TypeScript ~4.4.2
• Node (for AoT issues): v16.13.1