Can't convert background-image url to correct when subdirectories.

[yat8823jp]

URL path of background-image described in SCSS is not converted to correct description in dist when using subdirectories.

ex) Subdirectory is /wp/, and image subdirectory is /photo/

image in directory

develop

/wp/wp-content/theme/themrish/assets/images/photo/example.jpg

dist

/wp/wp-content/theme/themrish/dist/assets/images/example.jpg

SCSS

background-image: url( $base-dir + 'assets/images/photo/bg_wrap.jpg' );
or
background-image: url( #{$base-dir}assets/images/photo/example.jpg );

//#{$base-dir} on vite.config.

css

background-image: url(/dist/assets/images/example.jpg);

WordPress image URL(localhost) is //example.com/wp/wp-content/themes/exapmle/dist/example.jpg