Relative image urls in @wordpress/scripts 18.0.0

[kimmenbert]

Description

Hey, In @wordpress/scripts 18.0.0 I understand that there is breaking changes.

I’m using this for compiling both js and scss. And I now get TypeError: url.replace is not a function when trying to compile a scss file that contains relative paths to image files, like background-image: url('../images/image.svg');

Thought it was because of me having a bit of a custom webpack config. But also failed with a fresly made @wordpress/create-block

Step-by-step reproduction instructions

1. npx @wordpress/create-block todo-list
2. Add an svg to /todo-list/images
3. Add background-image: url(../images/yourimage.svg); to style.scss
4. npm run build

Screenshots, screen recording, code snippet

No response

Environment info

No response

Pre-checks

• I have searched the existing issues.
• I have tested with all plugins deactivated except Gutenberg.