Buid error with latest dependencies

[yousefvand]

After updating dev dependencies to latest versions:

"devDependencies": {
    "@material/typography": "^7.0.0",
    "@rollup/plugin-commonjs": "^15.1.0",
    "@rollup/plugin-node-resolve": "^9.0.0",
    "@smui/button": "^1.0.0",
    "rollup": "^2.29.0",
    "rollup-plugin-postcss": "^3.1.8",
    "rollup-plugin-svelte": "^6.0.1",
    "sass": "^1.27.0",
    "serve": "^11.3.2",
    "svelte": "^3.29.0"
  }

I et this error on build:

index.js → dist/bundle.js...
[!] (plugin postcss) Error: No argument named $edgeOptOut.
    ┌──> node_modules/@material/button/_mixins.scss
158 │       @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);
    │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation
    ╵
    ┌──> node_modules/@material/theme/_mixins.scss
112 │ @mixin prop($property, $style, $important: false) {
    │        ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ declaration
    ╵
  node_modules/@material/button/_mixins.scss 158:7            prop()
  node_modules/@material/button/_mixins.scss 158:7            @content
  node_modules/@material/feature-targeting/_mixins.scss 45:5  targets()
  node_modules/@material/button/_mixins.scss 157:5            mdc-button-container-fill-color()
  node_modules/@material/button/_mixins.scss 50:5             mdc-button-without-ripple()
  node_modules/@material/button/_mixins.scss 36:3             mdc-button-core-styles()
  node_modules/@material/button/mdc-button.scss 24:1          @import
  node_modules/@smui/button/_style.scss 1:9                   @import
  node_modules/@smui/button/_index.scss 2:9                   root stylesheet
node_modules/@smui/button/_index.scss
Error: No argument named $edgeOptOut.
    ┌──> node_modules/@material/button/_mixins.scss
158 │       @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);
    │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation
    ╵
    ┌──> node_modules/@material/theme/_mixins.scss
112 │ @mixin prop($property, $style, $important: false) {
    │        ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ declaration
    ╵
  node_modules/@material/button/_mixins.scss 158:7            prop()
  node_modules/@material/button/_mixins.scss 158:7            @content
  node_modules/@material/feature-targeting/_mixins.scss 45:5  targets()
  node_modules/@material/button/_mixins.scss 157:5            mdc-button-container-fill-color()
  node_modules/@material/button/_mixins.scss 50:5             mdc-button-without-ripple()
  node_modules/@material/button/_mixins.scss 36:3             mdc-button-core-styles()
  node_modules/@material/button/mdc-button.scss 24:1          @import
  node_modules/@smui/button/_style.scss 1:9                   @import
  node_modules/@smui/button/_index.scss 2:9                   root stylesheet
...