@rmwc/grid - node 16 build fails with ParserError: Syntax Error when mdc.layout-grid stylesheet imported

[ashrithapb]

Node 16 'yarn build' is failing with the below error when I include @use "@material/layout-grid/mdc-layout-grid" in grid.scss file:
ParserError: Syntax Error at line: 1, column 52.

I am using the following env/packages:
Node v16
Webpack v4
react: "^16.11.0",
@rmwc/grid: "^5.7.0"
sass: "^1.62.1"

Here is the codesandbox: https://codesandbox.io/s/rmwc-typescript-sandbox-forked-76z0s3?file=/src/index.tsx
The application runs fine without any console error but yarn build fails with node 16.

Expected behavior: yarn build successfully completes.
Actual behavior: yarn build is failing with the error ParserError: Syntax Error at line: 1, column 52.

I need to stick on to node version 16 and React v16 for this project.
I also tried the following to troubleshoot this error but none of it worked so far.

• upgrading @rmwc/grid to v6, v7 and to the latest version 8.
• Added sass --load-path=node_modules/ src:build to build script in package.json
• upgrading @material/layout-grid to latest version i.e, 14
• Including @material/layout-grid/dist/mdc.layout-grid.css' instead of @use "@material/layout-grid/mdc-layout-grid"

[EmiBemi]

Thanks for the issue! As we are currently working hard on getting material v14 support out, we will not have much time to solve issues at the moment.

Hopefully we will get back to this ticket as soon as possible and pull requests are more than welcome!

[jensborch]

@ashrithapb Version 14 has been released, and we kindly request you to retest and verify whether the issue persists in the latest version