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_e9122e056 {
    /* command-empty.png exists at src/components/setup/command-bar/command-empty.png */
    background: url("./command-empty.png") no-repeat;
  }
}

config:

css({ output: 'styles.css' }),

output:

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

Same issue as jleeson/rollup-plugin-import-css#42

[NullVoxPopuli]

I even tried:

import styles from 'rollup-plugin-styles';
import css from 'rollup-plugin-css-only';

// ... 

// addon.keepAssets(['**/*.{css,png}']), // remove this one
styles({ mode: 'emit', treeshakeable: true }),
css({ output: 'styles.css' }),

but when css moves the css around it is not re-writing the url() paths -- which is the same problem as above.