Chromeの開発者ツールでscssファイルが表示されない

Question

環境環境
Mac High Sierra 10.13.6
Visual Studio Code
Google Chrome ver74
node
Firebase Hostingのプロジェクトディレクトリ内に以下のように配置
.
├── public #納品対象
│ ├── css
│ ├── font
│ ├── image
│ └── js
└── src #開発
├── css #.scssを格納する
├── font
├── image
└── js

概要

当方デザイナーでフロントエンドエンジニアからデータを納品してもらったのですが、

chromeでsassファイルを表示させるにはソースマップの出力が必要だと思うのですが、ソースマップの出力方法がわかりません。
おそらくpackage.jsonに記載してあったnode-sass-chokidarで--source-mapを追記するのだと思うのですが、ここからChromeとどう連携を取れば良いのかわかりません。
https://www.npmjs.com/package/node-sass-chokidar

すでにChrome側の設定で「Enable CSS source maps」をオンにしてデバッグモードでテスト環境もオンにしている状態です。

どなたかおわかりになる方いらっしゃいましたら、ご教授下さい。