Overriding sass

I want to add more spacing options. I created new sass map:

$spacer: 1rem !default;
$spacers: (
  0: 0,
  1: $spacer * .25,
  2: $spacer * .5,
  3: $spacer,
  4: $spacer * 1.5,
  5: $spacer * 3,
  6: $spacer * 4.5,
  7: $spacer * 6,
  8: $spacer * 7.5,
);

Then imported the new file in the app.scss like so:

@import 'custom_spacer';

And added it in vite.config.js

laravel({
            input: [
                'resources/sass/app.scss',
                'resources/js/app.js',
            ],
            refresh: true,
        }),

But it's not working. Can you help me solve this problem?