npm - package.json のスクリプトを使用して scss を css にコンパイルする自動コンパイルが機能しない

Question

私がやろうとしていること: package.json にスクリプトを設定して、scss を自動的に css にコンパイルしようとしています。onchange および npm-run-all パッケージを使用して設定したいくつかのウォッチ タスクと並行して、このコンパイラを実行しています。

私のpackage.jsonファイルコードはこれです

{
  "name": "confusion",
  "version": "1.0.0",
  "description": "This is a website for Ristorante Con Fusion",
  "main": "index.html",
  "scripts": {
    "start": "npm run watch:all",
    "test": "echo \"Error: no test specified\" && exit 1",
    "lite": "lite-server",
    "scss": "sass css/styles.scss css/styles.css",
    "watch:scss": "onchange 'css/styles.scss' -- npm run scss",
    "watch:all": "npm-run-all --parallel watch:scss lite"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "lite-server": "^2.3.0",
    "npm-run-all": "^4.1.5",
    "onchange": "^7.1.0"
  },
  "dependencies": {
    "bootstrap": "^4.6.0",
    "bootstrap-social": "^5.1.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.6.0",
    "popper.js": "^1.12.9"
  }
}

scss に変更を加え、次のコマンドを実行しようとすると

npm start

scss で行った変更がページに表示されることを期待していますが、表示されません。参考までに、完全なプロジェクトのGithub リポジトリを次に示します。私が間違っていることを教えてください。