npm run dev error, I'm using laravel 9 version

I tried and run this command

root@localhost:/var/www/newprojects9# npm run dev

And I got this error which is Invalid configuration object

root@localhost:/var/www/newprojects9# npm run dev
npm verb cli [ '/usr/bin/node', '/usr/bin/npm', 'run', 'dev' ]
npm info using [email protected]
npm info using [email protected]
npm timing npm:load:whichnode Completed in 0ms
npm timing config:load:defaults Completed in 1ms
npm timing config:load:file:/usr/share/nodejs/npm/npmrc Completed in 2ms
npm timing config:load:builtin Completed in 3ms
npm timing config:load:cli Completed in 1ms
npm timing config:load:env Completed in 0ms
npm timing config:load:file:/var/www/newprojects9/.npmrc Completed in 0ms
npm timing config:load:project Completed in 2ms
npm timing config:load:file:/root/.npmrc Completed in 0ms
npm timing config:load:user Completed in 0ms
npm timing config:load:file:/etc/npmrc Completed in 0ms
npm timing config:load:global Completed in 0ms
npm timing config:load:validate Completed in 1ms
npm timing config:load:credentials Completed in 0ms
npm timing config:load:setEnvs Completed in 2ms
npm timing config:load Completed in 12ms
npm timing npm:load:configload Completed in 12ms
npm timing npm:load:setTitle Completed in 0ms
npm timing config:load:flatten Completed in 3ms
npm timing npm:load:display Completed in 8ms
npm verb logfile /root/.npm-global/cache/_logs/2024-07-01T07_51_15_154Z-debug-0.                                                                                                             log
npm timing npm:load:logFile Completed in 6ms
npm timing npm:load:timers Completed in 0ms
npm timing npm:load:configScope Completed in 0ms
npm timing npm:load Completed in 27ms

> dev
> npm run development

npm verb cli [ '/usr/bin/node', '/usr/bin/npm', 'run', 'development' ]
npm info using [email protected]
npm info using [email protected]
npm timing npm:load:whichnode Completed in 0ms
npm timing config:load:defaults Completed in 2ms
npm timing config:load:file:/usr/share/nodejs/npm/npmrc Completed in 2ms
npm timing config:load:builtin Completed in 2ms
npm timing config:load:cli Completed in 2ms
npm timing config:load:env Completed in 0ms
npm timing config:load:file:/var/www/newprojects9/.npmrc Completed in 0ms
npm timing config:load:project Completed in 2ms
npm verb config Error: EACCES: permission denied, open '/root/.npmrc'
npm verb config  error loading user config [Error: EACCES: permission denied, op                                                                                                             en '/root/.npmrc'] {
npm verb config   errno: -13,
npm verb config   code: 'EACCES',
npm verb config   syscall: 'open',
npm verb config   path: '/root/.npmrc'
npm verb config }
npm timing config:load:file:/root/.npmrc Completed in 1ms
npm timing config:load:user Completed in 1ms
npm timing config:load:file:/etc/npmrc Completed in 0ms
npm timing config:load:global Completed in 0ms
npm timing config:load:validate Completed in 2ms
npm timing config:load:credentials Completed in 0ms
npm timing config:load:setEnvs Completed in 1ms
npm timing config:load Completed in 12ms
npm timing npm:load:configload Completed in 12ms
npm timing npm:load:setTitle Completed in 1ms
npm timing config:load:flatten Completed in 3ms
npm timing npm:load:display Completed in 8ms
npm verb logfile undefined
npm timing npm:load:logFile Completed in 4ms
npm timing npm:load:timers Completed in 0ms
npm timing npm:load:configScope Completed in 0ms
npm timing npm:load Completed in 27ms
glob error [Error: EACCES: permission denied, scandir '/root/.npm-global/cache/_                                                                                                             logs'] {
  errno: -13,
  code: 'EACCES',
  syscall: 'scandir',
  path: '/root/.npm-global/cache/_logs'
}
npm WARN logfile Error: EACCES: permission denied, scandir '/root/.npm-global/ca                                                                                                             che/_logs'
npm WARN logfile  error cleaning log files [Error: EACCES: permission denied, sc                                                                                                             andir '/root/.npm-global/cache/_logs'] {
npm WARN logfile   errno: -13,
npm WARN logfile   code: 'EACCES',
npm WARN logfile   syscall: 'scandir',
npm WARN logfile   path: '/root/.npm-global/cache/_logs'
npm WARN logfile }

> development
> mix

[webpack-cli] Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.optimization.splitChunks.cacheGroups['styles-public/css/app'] has an unknown property 'type'. These properties are valid:
   object { automaticNameDelimiter?, automaticNameMaxLength?, automaticNamePrefix?, chunks?, enforce?, enforceSizeThreshold?, filename?, maxAsyncRequests?, maxInitialRequests?, maxSize?, minChunks?, minSize?, name?, priority?, reuseExistingChunk?, test? }
 - configuration.stats has an unknown property 'preset'. These properties are valid:
   object { all?, assets?, assetsSort?, builtAt?, cached?, cachedAssets?, children?, chunkGroups?, chunkModules?, chunkOrigins?, chunks?, chunksSort?, colors?, context?, depth?, entrypoints?, env?, errorDetails?, errors?, exclude?, excludeAssets?, excludeModules?, hash?, logging?, loggingDebug?, loggingTrace?, maxModules?, moduleAssets?, moduleTrace?, modules?, modulesSort?, nestedModules?, optimizationBailout?, outputPath?, performance?, providedExports?, publicPath?, reasons?, source?, timings?, usedExports?, version?, warnings?, warningsFilter? }
npm timing command:run Completed in 1541ms
npm verb exit 2
npm timing npm Completed in 1708ms
npm verb code 2
npm timing command:run Completed in 1929ms
npm verb exit 2
npm timing npm Completed in 2095ms
npm verb code 2

This is my webpack.mix.js file

const mix = require('laravel-mix');
const path = require('path');

mix.webpackConfig({
    optimization: {
        splitChunks: {
            cacheGroups: {
                'styles-public/css/app': {
                    test: /[\/]node_modules[\/].*\.css$/,
                    name: 'styles',
                    chunks: 'all',
                    enforce: true,
                },
            },
        },
    },
    output: {
        chunkFilename: 'js/[name].js',
    },
    resolve: {
        alias: {
            '@': path.resolve('resources/js'),
        },
    },
    stats: {
        // Remove the invalid 'preset' property or update it with valid properties as needed
    },
});

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');