Error compiling calc with negative values at the end

[ilunglee]

Hello there,

I ran into an issue with bootstrap@5.1.1 when compiling with sass@1.42.1. Related to twbs/bootstrap#35011

Here is the compilation error:

Module build failed (from ./node_modules/postcss-loader/src/index.js):
ParserError: Syntax Error at line: 1, column 25

And, here are the lines that cause this issue:

 margin-top: calc(var(--#{$variable-prefix}gutter-y) * -1); // stylelint-disable-line function-disallowed-list 
 margin-right: calc(var(--#{$variable-prefix}gutter-x) * -.5); // stylelint-disable-line function-disallowed-list 
 margin-left: calc(var(--#{$variable-prefix}gutter-x) * -.5); /

The problem seems to be related to the negative values at the end of each line (e.g., -1, -.5). If I change the lines into the following, the compilation error no longer exists:

margin-top: calc(-1 * var(--#{$variable-prefix}gutter-y) * 1); // stylelint-disable-line function-disallowed-list
margin-right: calc(-1 * var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
margin-left: calc(-1 * var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list

Thanks in advance for the assistance!

[jathak]

Duplicate of #1496. This is a bug in postcss-values-parser, not Sass.