jsdomで取得したhtmlで読み込まれている外部cssをjavascriptで取得したい

Question

jsdomで取得したhtmlで読み込まれている外部cssをjavascriptで取得したいのですが、うまく行かずに困っております。。。
※細かく言うと、htmlのcssRulesを取得して操作したいです。

---

環境

• node：11.10.1
• typescript：3.6.3
• jsdom：15.1.1
• axios：0.19.0

---

ドキュメントを日本語訳して見た感じですと、new JSDOM した際のオプションに resources: 'usable' を指定すると外部css(link要素で指定しているcss)も取得できると書いてあるのですが、現状はhtmlのsytle要素に直書きしている内容しか取得できていません。。。

以下typescriptでサンプルを記述しています、アドバイス頂けますと大変ありがたいですm(_ _)m

import axios, { AxiosResponse } from 'axios'
import { JSDOM } from 'jsdom'

const targetUrl = new URL('対象のURL');
const auth = undefined;

const main = async () => {

    let dom = await axios({
        method: 'GET',
        url: targetUrl.href,
        responseType: 'document',
        auth: auth
    }).then((res) => {
        return new JSDOM(res.data, {
            resources: 'usable'
        }).window.document;
    });

    let styleSheet = <CSSStyleSheet>(dom.styleSheets[0]);
    console.table(styleSheet); // undefined
};

main()
    .then(() => {
        console.log('処理が完了しました。');
    }).catch(err => {
        console.log('エラーが発生しました。');
        console.log(err);
    });