CSS: "z-index: 902;" after build become "z-index:#902;"

[cesco69]

🐞 Bug report

Command (mark with an x)

• build

Description

the source css of a component:

#particles-js {
    z-index: 902;
}

after the build become (901 become #901):

#particles-js {
    z-index:#902;
}

🔬 Minimal Reproduction

Step 1: create a component

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<div id="particles-js"></div>`,
  styles: [`
    #particles-js {
        z-index: 902;
    }
  `]
})
export class AppComponent {
  title = 'my-app';
}

Step 2: make a build with

ng build

output in index.html

<style>
#particles-js[_ngcontent-fpy-c98]{z-index:#901;}
<style>

with ng serve it works:

<style>
#particles-js[_ngcontent-reu-c11] {
  z-index: 902;
}
<style>

🌍 Your Environment

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 12.0.2
Node: 12.22.1
Package Manager: npm 6.14.12
OS: win32 x64

Angular: 12.0.2
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1200.2
@angular-devkit/build-angular   12.0.2
@angular-devkit/core            12.0.2
@angular-devkit/schematics      12.0.2
@schematics/angular             12.0.2
rxjs                            6.6.7
typescript                      4.2.4

[alan-agius4]

Duplicate of #20918

[cesco69]

My build is make into docker container (gitlab-ci). Node modules are installed fresh every build.

[alan-agius4]

Doesn’t matter if you have a package-lock.json.

[cesco69]

Yes, I have it... For fix, i need to delete package-lock.json make a clean npm install and rebuild?

[alan-agius4]

Yes

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}