@knighted/css 1.1.0-rc.2 → 1.1.0-rc.4

package/README.md

@@ -113,6 +113,8 @@ Run `knighted-css-generate-types` so every specifier that ends with `.knighted-c
 import stableSelectors from './button.module.scss.knighted-css.js'
 ```
 
+Need bespoke resolution? Pass `--resolver` to load a module exporting a `CssResolver` and apply it during type generation.
+
 When the `.knighted-css` import targets a JavaScript/TypeScript module, the generated proxy also re-exports the module’s exports and `knightedCss`, so a single import can provide component exports, typed selectors, and the compiled stylesheet string:
 
 ```ts

package/dist/cjs/css.cjs

@@ -184,7 +184,8 @@ async function compileStyleModule(file, { cwd, peerResolver, resolver, }) {
 async function compileSass(filePath, indented, { cwd, peerResolver, resolver, }) {
     const sassModule = await optionalPeer('sass', 'Sass', peerResolver);
     const sass = resolveSassNamespace(sassModule);
-    const importer = (0, sassInternals_js_1.createSassImporter)({ cwd, resolver });
+    const importer = (0, sassInternals_js_1.createSassImporter)({ cwd, resolver, entryPath: filePath });
+    const legacyImporter = (0, sassInternals_js_1.createLegacySassImporter)({ cwd, resolver, entryPath: filePath });
     const loadPaths = buildSassLoadPaths(filePath);
     if (typeof sass.compileAsync === 'function') {
         const result = await sass.compileAsync(filePath, {
@@ -195,17 +196,18 @@ async function compileSass(filePath, indented, { cwd, peerResolver, resolver, })
         return result.css;
     }
     if (typeof sass.render === 'function') {
-        return renderLegacySass(sass, filePath, indented, loadPaths);
+        return renderLegacySass(sass, filePath, indented, loadPaths, legacyImporter);
     }
     throw new Error('@knighted/css: Installed "sass" package does not expose compileAsync or render APIs. Please update "sass" to a supported version.');
 }
-function renderLegacySass(sass, filePath, indented, loadPaths) {
+function renderLegacySass(sass, filePath, indented, loadPaths, importer) {
     return new Promise((resolve, reject) => {
         sass.render({
             file: filePath,
             indentedSyntax: indented,
             outputStyle: 'expanded',
             includePaths: loadPaths,
+            importer: importer ? [importer] : undefined,
         }, (error, result) => {
             if (error) {
                 reject(error);