Updating styles affects js file hash

[dkornilove]

Using this rollup config, when I do some changes to styles it also affects entry hash. I think it is unexpected behavior as the output js file have its contents untouched

//rollup.config.js
export default [
	{
		input: Object.fromEntries([
			...glob.sync('src/js/pages/**/index.js').map((file) => 
				path.relative('src/js', file.slice(0, file.length - path.basename(file).length)),
				fileURLToPath(new URL(file, import.meta.url)),
			]),
		]),
		output: [
			{
				dir: 'assets/',
				format: 'es',
				plugins: [terser()],
				entryFileNames: '[name]-[hash].js',
				chunkFileNames: 'chunks/[name]-[hash].js',
				assetFileNames: '[name]-[hash][extname]',
			},
		],
		plugins: [
			styles({ mode: 'extract'  }),
		],
	},
...

For example my src/js/pages/home/index.js file contains

import '../../../scss/pages/home.scss';

when I edit this scss file i get two new js and css files with new hashes after build in the assets/pages/ folder, but instead i want to only have one new css file with updated hash. So my question is is this expected behavior with my config? What should I do to prevent this behavior? Also sorry for my poor english