Wiele animacji w "animation" wyświetla się poprawnie w wersji developerskiej, ale tylko jedna w wersji produkcyjnej

Hej testuje angulara 16 i znalazłem 1 dziwny aspekt.
Posiadając poniższą definicje animacji lokalnie działa ona należycie

.fancy-animations:before, .fancy-animations:after {
  ...
  animation: morph 15s linear infinite alternate, spin 20s linear infinite, extension 10s linear infinite;
  ...

Natomiast z buld-em produkcyjnym (npm build prod) jedynie pierwsza animacja zostaje poprawnie "zastąpiona" prywatnym scopem komponentu (ViewEncapsulation) i jest odzwierciedlana w działaniu
Natomiast pozostałe 2 zwyczajnie nie działają.

.fancy-animations[_ngcontent-ng-c3212404838]:before, .fancy-animations[_ngcontent-ng-c3212404838]:after {
    ...
    animation: _ngcontent-ng-c3212404838_morph 15s linear infinite alternate, spin 20s linear infinite, extension 10s linear infinite;
    ...
}

Jako workaround działa przeniesienie definicji animacji do globalnego zakresu (styles.scss) styli, ale wciąż chciałbym poznać powód dlaczego nie działa.

A co robi "build" i Ciebie? Pokaż komendę z package.json.

Tylko tyle:

prod-local ale efekt ten sam:

"build:prod-local": "ng build --configuration production --base-href"