Css compile error

Hello everyone,

I am trying to add some css theme to a Phoenix application… It is a 2016 bootstrap theme.

When I compile the assets, I have the following error.

$ npm run deploy --prefix ./assets
> @ deploy /home/sqrt/elixir_src/calabrese/assets
> webpack --mode production

JisonLexerError: Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: 100% - 160px, 120px, 120px, 120px
^..............^
...

Looking at the theme css, I have this css code, which looks like the troublesome part for postcss.

.search-modal {
...
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
height: -webkit-calc(100% - 160px, 120px, 120px, 120px);
height: -moz-calc(100% - 160px, 120px, 120px, 120px);
height: calc(100% - 160px, 120px, 120px, 120px);
...
}

I am just too bad in css and prefix, does anyone knows how to fix this?

Thanks for taking time