semantic.css not generating valid CSS #7065
Description
Starting with v1.40.0 of SASS (dart-sass) , sass is now parsing calc() syntax more thoroughly and marking errors if there is already broken CSS.
As you can see in the lines from the dist/semantic.css file, values like --1px are not valid values and seems to come from trying to negate negative values(?). E.g.
@ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */
@ribbonImageOffset: calc(-@ribbonImageMargin - @ribbonTriangleSize);and it's causing our builds to fail:
Creating an optimized production build...
Failed to compile.
./src/App.scss
SassError: Expected digit.
╷
14460 │ left: calc(--0.05rem - 1.2em);
│ ^
