I am trying to upgrade to the latest framework7-vue, but get lots of errors when building.

WARNING in ./node_modules/framework7/css/framework7.css (./node_modules/css-loader??ref--4-1!./node_modules/postcss-loader/lib??ref--4-2!./node_modules/framework7/css/framework7.css)
Module Warning (from ./node_modules/postcss-loader/lib/index.js):
(Emitted value instead of an instance of Error) postcss-custom-properties: /mnt/c/devel-linux/montest/node_modules/framework7/css/framework7.css:5258:3: Custom property ignored: not scoped to the top-level :root element (.md { ... --f7-button-large-text-transform: ... })

WARNING in ./node_modules/framework7/css/framework7.css (./node_modules/css-loader??ref--4-1!./node_modules/postcss-loader/lib??ref--4-2!./node_modules/framework7/css/framework7.css)
Module Warning (from ./node_modules/postcss-loader/lib/index.js):
(Emitted value instead of an instance of Error) postcss-custom-properties: /mnt/c/devel-linux/montest/node_modules/framework7/css/framework7.css:5259:3: Custom property ignored: not scoped to the top-level :root element (.md { ... --f7-button-small-height: ... })

WARNING in ./node_modules/framework7/css/framework7.css (./node_modules/css-loader??ref--4-1!./node_modules/postcss-loader/lib??ref--4-2!./node_modules/framework7/css/framework7.css)
Module Warning (from ./node_modules/postcss-loader/lib/index.js):
(Emitted value instead of an instance of Error) postcss-custom-properties: /mnt/c/devel-linux/montest/node_modules/framework7/css/framework7.css:525:3: Custom property ignored: not scoped to the top-level :root element (.border-color-deeporange { ... --f7-theme-color-border-color: ... })