aurelia - aurelia-dialog プラグインの外部 CSS ファイルをロードするには?

Question

TypeScript 2+ を使用して、aurelia-dialog プラグインを Aurelia CLI プロジェクトに統合しています。

次のように、プラグインが使用するデフォルトの CSS を SASS ファイルから取得した独自の CSS に置き換えて、ダイアログのテーマを設定したいと考えています。

export function configure(aurelia: Aurelia) {
    aurelia.use
        .standardConfiguration()
        .plugin('aurelia-dialog', (config: DialogConfiguration) => {
            config.useDefaults();
            config.useCSS(aiDialogCss);
        });            

    aurelia.start().then(() => aurelia.setRoot());
}

ただし、aiDialogCss変数は文字列である必要があり、このコードに手動で埋め込みたくありません。SASS からコンパイルされ、他の CSS ファイルに従ってバンドルされた別の CSS ファイルからこの CSS 文字列をロードすることをお勧めします。

これは TypeScript と Aurelia CLI を使用して可能ですか? 使用してみimport aiDialogCss from "styles/ai-dialog.css!text"ましたが、コンパイルされません。