Wrong urls after bundling

Hello, there is an issue relative to urls when parcel bundle css files together.
Urls found in files that gets bundled should be updated somehow because the following happens for now:

elements.css

@import "./fire/fire.css";
@import "./water/water.css";

fire/fire.css

.fire {
  background: url("./logo.png");
}

water/water.css

.water {
  background: url("./logo.png");
}

Actual output generated by parcel

.fire, .water {
  background: url(./logo.png);
}

Expected output

.fire {
  background: url(./fire/logo.png);
}
.water{
  background: url(./water/logo.png);
}

import { createRequire } from "node:module"
import { fileURLToPath } from "node:url"

const require = createRequire(import.meta.url)

const { bundle } = require("@parcel/css")

const { code } = await bundle({
  filename: fileURLToPath(new URL("./elements.css", import.meta.url)),
  minify: false,
})
console.log(String(code))

Run the provided @parcel/css bundle example with elements.css and the fire/water stylesheet structure to reproduce the incorrect URLs. Trace how CSS @import and url() paths are handled during bundling; done means the generated CSS preserves fire/logo.png and water/logo.png as separate relative paths.