Any plans to upgrade css-loader to v6.3.0 to support constructable stylesheet?

[RubyHue]

Now that gatsby is moving to v4, it's a great opportunity to also upgrade css-loader.
css-loader v6.3.0 has a new feature exportType option which allows us to export a constructable stylesheet.

import sheet from './styles.css' assert { type: 'css' };
document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];

In the browser you can have a component lazy loading some styles like this:

function Style({ sheet }) {
    useLayoutEffect(() => {
        document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
        return () => removeStyleSheet(sheet);
    }, []);
    return null
}

It is possible to customize webpack config in gatsby-node.js so that during build you can export css as string then use react-helmet to add the stylesheet to html builds.

Breaking change from css-loader v6.0.0 that needs fix:

• for url and import options Function type was removed in favor Object type with the filter property, i.e. before { url: () => true }, now { url: { filter: () => true } } and before { import: () => true }, now { import: { filter: () => true } }