Perspective Numeric Entry invalidStyle class is not applying

UPDATE: I got it working by changing my background color state to "var(--error)" instead of just "--error". I'm still having difficulty understanding why just "--error" worked fine yesterday but now it doesn't.

I know there's another topic about this, but my situation is different in that this WAS working yesterday. I had no issues. Then today, all of the sudden, with no changes to my project, it doesn't work anymore.

I have a numeric entry template in my project. Here's the setup:

Under the "invalidStyle" property, I'm pointing "classes" to "Text/invalidNumericEntry" which is a valid path. I was able to de-select and re-select it in the drop-down.

The style pretty much just flashes the background red a few times and then has it stay red:


And this WAS working yesterday:
invalid entry

Today it's not:
invalid entry not working

Related: Perspective Referencing CSS Variables changed?

Makes sense. It's just weird my style class worked without wrapping it in var() one day but then randomly stopped working.