[Bug] Variables in calc() cannot be compiled

[uncaught]

Steps To Reproduce

1. Use a variable inside a calc() function

The current behavior

A compile error Error: Expected "(" or ".". is thrown:

The expected behavior

No compile error.

---

I have created a minimal test repository with two calc cases:

git clone [email protected]:uncaught/styled-jsx-sass-var-in-calc-issue.git
cd styled-jsx-sass-var-in-calc-issue/
npm install
npm start

---

These usages of variables in calc() work with node-sass and styled-jsx-plugin-sass.

[tudorc07]

Did you find any solution/workaround for this?

[uncaught]

No, unfortunately not. I had to downgrade back to node-sass and styled-jsx-plugin-sass.

[tudorc07]

You can create a constant like this const styles = calc( 100vh - ${variable1} - ${variable2}) , in order to workaround this issue