Install doesnt work with React

[shrutimerch]

I'm not able to get the default install to work on react. I have the scss folder under my src folder, and I am getting this error:

node-sass src/scss/main.scss src/styles/main.css && node-sass src/scss/utility.scss src/styles/utility.css

Rendering Complete, saving .css file...
Wrote CSS to /Users/shruti/Documents/Projects/lazychef/src/styles/main.css
{
"status": 1,
"file": "/Users/shruti/Documents/Projects/projectName/src/scss/utility.scss",
"line": 2,
"column": 1,
"message": "File to import not found or unreadable: @webpixels/css/utilities.",
"formatted": "Error: File to import not found or unreadable: @webpixels/css/utilities.\n on line 2 of src/scss/utility.scss\n>> @import "@webpixels/css/utilities";\n\n ^\n"
}

When I don't use sass as the compiler, I get this error:

Compiled with problems:
×
ERROR in ./src/scss/main.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/scss/main.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after " 1\/2: math": expected expression (e.g. 1px, bold), was ".div(100%, 2),"
on line 10 of node_modules/@webpixels/css/core/variables/_sizing.scss
from line 10 of node_modules/@webpixels/css/core/variables/_index.scss
from line 2 of node_modules/@webpixels/css/core/_index.scss
from line 5 of node_modules/@webpixels/css/base/_index.scss
from line 6 of src/scss/main.scss

1\/2: math.div(100%, 2),