Referenced images or other assets (via `url()`) are not moved (or URLs not updated) to be correct it output CSS

[NullVoxPopuli]

Input CSS:

/* src/components/setup/command-bar/empty-state.css */

@layer myLayer {
  .empty {
    /* command-empty.png exists at src/components/setup/command-bar/command-empty.png */
    background: url("./command-empty.png") no-repeat;
  }
}

config:

postcss({ extract: 'styles.css' }),

output:

/* dist/styles.css */ 
@layer myLayer {
  .empty {
    /* there is no command-empty.png in dist */
    background: url("./command-empty.png") no-repeat;
  }
}

same issue as

• Referenced images or other assets (via url()) are not moved (or URLs not updated) to be correct it output CSS thgh/rollup-plugin-css-only#64
• Referenced images or other assets (via url()) are not moved (or URLs not updated) to be correct it output CSS jleeson/rollup-plugin-import-css#42