vueでsassを使いたいです。

vueファイルにおいて、

App.vue
1<style lang="scss">
2.
3.
4.
5</style>

と記述すると、

Failed to compile.

./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss (./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (/Users/.../Desktop/docker/.../node_modules/sass-loader/dist/index.js:27:24)

上記のエラーが吐かれます。
package.jsonはこのようになっているのですが、原因を教えていただきたいです。
（調べてはみましたが、バージョンの互換性の問題でしょうか、、？）

package.json
1{
2  "name": "test",
3  "version": "0.1.0",
4  "private": true,
5  "scripts": {
6    "serve": "vue-cli-service serve",
7    "build": "vue-cli-service build",
8    "lint": "vue-cli-service lint"
9  },
10  "dependencies": {
11    "core-js": "^3.6.5",
12    "csv-parse": "^5.2.0",
13    "vue": "^3.0.0",
14    "vue-class-component": "^8.0.0-0",
15    "vue-router": "^4.0.0-0"
16  },
17  "devDependencies": {
18    "@typescript-eslint/eslint-plugin": "^4.18.0",
19    "@typescript-eslint/parser": "^4.18.0",
20    "@vue/cli-plugin-babel": "~4.5.15",
21    "@vue/cli-plugin-eslint": "~4.5.15",
22    "@vue/cli-plugin-router": "~4.5.15",
23    "@vue/cli-plugin-typescript": "~4.5.15",
24    "@vue/cli-service": "~4.5.15",
25    "@vue/compiler-sfc": "^3.0.0",
26    "@vue/eslint-config-typescript": "^7.0.0",
27    "eslint": "^6.8.0",
28    "eslint-plugin-vue": "^7.0.0",
29    "husky": "^8.0.1",
30    "lint-staged": "^13.0.2",
31    "sass": "^1.26.5",
32    "sass-loader": "^8.0.2",
33    "sass-resources-loader": "^2.2.5",
34    "typescript": "~4.1.5"
35  },
36  "eslintConfig": {
37    "root": true,
38    "env": {
39      "node": true
40    },
41    "extends": [
42      "plugin:vue/vue3-essential",
43      "eslint:recommended",
44      "@vue/typescript/recommended"
45    ],
46    "parserOptions": {
47      "ecmaVersion": 2020
48    },
49    "rules": {}
50  },
51  "browserslist": [
52    "> 1%",
53    "last 2 versions",
54    "not dead"
55  ]
56}
57