fixed resolve dir for css chunks #146

package.json

@@ -1,6 +1,6 @@
 {
   "name": "esbuild-sass-plugin",
-  "version": "2.12.0",
+  "version": "2.13.0",
   "description": "esbuild plugin for sass/scss files supporting both css loader and css result import (lit-element)",
   "main": "lib/index.js",
   "keywords": [

src/plugin.ts

@@ -56,13 +56,15 @@ export function sassPlugin(options: SassPluginOptions = {}): Plugin {
       if (transform) {
         const namespace = 'esbuild-sass-plugin'
 
-        onResolve({filter: /^css-chunk:/}, ({path}) => ({
+        onResolve({filter: /^css-chunk:/}, ({path, resolveDir}) => ({
           path,
-          namespace
+          namespace,
+          pluginData: {resolveDir}
         }))
 
-        onLoad({filter: /./, namespace}, ({path}) => ({
+        onLoad({filter: /./, namespace}, ({path, pluginData: {resolveDir}}) => ({
           contents: cssChunks[path],
+          resolveDir,
           loader: 'css'
         }))
       }

test/issues/146/build.js

@@ -0,0 +1,28 @@
+import * as esbuild from 'esbuild';
+import { sassPlugin, postcssModules } from '../../../lib/index.js';
+import fs from 'node:fs/promises'
+import path from 'node:path';
+
+await fs.rm('dist', { recursive: true, force: true });
+
+await esbuild.build({
+  entryPoints: ['./src/index.js'],
+	format: 'esm',
+	target: ['esnext'],
+  outdir: 'dist',
+  sourcemap: true,
+  bundle: true,
+  loader: {
+    '.svg': 'dataurl',
+  },
+  plugins: [
+    sassPlugin({
+      filter: /\.module\.scss$/,
+      transform: postcssModules({}),
+      precompile(source, pathname) {
+        const basedir = path.dirname(pathname);
+        return source.replace(/(url\(['"]?)(\.\.?\/)([^'")]+['"]?\))/g, `$1${basedir}/$2$3`);
+      },
+    }),
+  ],
+});

test/issues/146/package.json

@@ -0,0 +1,13 @@
+{
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "node build.js"
+	},
+	"dependencies": {
+		"esbuild": "^0.19.2",
+		"esbuild-sass-plugin": "^2.13.0",
+		"postcss": "^8.4.29",
+		"postcss-modules": "^6.0.0"
+	}
+}

test/issues/146/readme.md

@@ -0,0 +1,8 @@
+# Repro: resolving `url()` with esbuild-sass-plugin
+
+To reproduce the issue, run:
+
+```
+npm install
+npm run build
+```

test/issues/146/src/icons.module.scss

@@ -0,0 +1,4 @@
+.close {
+	background-image: url('./close.svg');
+	background-repeat: no-repeat;
+}

test/issues/146/src/index.js

@@ -0,0 +1,3 @@
+import styles from './icons.module.scss'
+
+console.log(styles)