Angular7 production build wrongfully compiles a SASS mixin : I'm using [this mixin][1] to make sloped blocks in my app's layout. It works well until I compile the app (`ng b --prod`) and upload it to AWS. Somehow it doesn't work in the same way as it did in development, instead of this:

`clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%);`

I get this:

`clip-path: polygon(0 calc(0 + 7vw),100% 0,100% 100%,0 100%);`

which is an invalid value, hence the resulting blocks look very much rectangular again. While I can (and most likely will) just define my own styles for this,
I'd like to find the reason for this weird behavior.

Does anybody know how compiling SASS for dev and for prod differs in Angular and how to fix it?

Here's my [`angular.json`][2] in case it's relevant.


  [1]: https://github.com/NigelOToole/angled-edges
  [2]: https://gist.github.com/BerekHalfhand/08cd1569c46ee0b65e8633036b92a66c