[Bug Report]Invalid CSS after " @content": expected "}", was "($material-light); "

Versions and Environment

Vuetify: 2.0.0-beta.0 Vue: 2.6.10 Browsers: Chrome 74.0.3729.169 OS: Mac OS 10.14.5

Steps to reproduce

Use vue create generate app,then change vuetify to 2.0.0 beta.0,below dependencies

    "core-js": "^2.6.5",
    "node-sass": "^4.12.0",
    "sass-loader": "^7.1.0",
    "vue": "^2.6.10",
    "vuetify": "^v2.0.0-beta.0"

Expected Behavior

Should show a normal index page

Actual Behavior

Show error as below

 INFO  Starting development server...
 98% after emitting CopyPlugin                                                    

 ERROR  Failed to compile with 88 errors                                                                                                                                                          4:08:53 PM

 error  in ./node_modules/vuetify/src/components/VResponsive/VResponsive.sass

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

    @content($material-light)
   ^
      Invalid CSS after "    @content": expected "}", was "($material-light); "
      in /Users/tam/Work/TEST/my-app/node_modules/vuetify/src/styles/tools/_theme.sass (line 3, column 5)

 @ ./node_modules/vuetify/src/components/VResponsive/VResponsive.sass 4:14-209 14:3-18:5 15:22-217
 @ ./node_modules/vuetify/lib/components/VResponsive/VResponsive.js
 @ ./node_modules/vuetify/lib/components/VResponsive/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://10.22.11.64:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

.......

Reproduction Link

https://codepen.io/tabenren/pen/QRVgpY

[DRoet]

use sass instead of node-sass for 2.0

[VRuzhentsov]

I have success to build with this versions

{
  "devDependencies": {
    "fibers": "^4.0.2",
    "sass": "^1.25.0",
    "sass-loader": "^7.2.0"
  }
}

took from https://www.npmjs.com/package/sass-loader

readme