javascript - Angular - Varför dyker #-tecknet alltid upp vid z-index?

Jag vet inte vad som är fel med min kod men jag har satt ett z-index i min CSS så här:

.mat-mini-fab {
   position: absolute;
   right: 5px;
   top: 4px;
   z-index: 999;
   box-shadow: none !important;
}

Men varje gång jag går till min webbplats, tillämpas inte z-index och när jag kollar i utvecklarkonsolen finns det alltid ett # framför värdet så här z-index: #999. Jag vet inte var det kommer ifrån??

Testat i Chrome och Firefox. Jag är helt säker på att jag aldrig satte # i koden tidigare.

När jag ändrar detta till 1000, finns det ingen #, men under 1000 är # alltid där... vilken typ av bugg är detta??

Svar #1

Jag fick detta problem efter att ha bytt till Angular 12. Ser ut som ett problem med hur Webpack paketerar. Jag lade till det övre gränsvärdet för z-index, då lade det inte till #.

  z-index: 2147483647;