[Bug]: less import not working form storybook7

[rexleimo]

Describe the bug

the less file use the import , coding:

// the @bedrock is package
@import '~@bedrock/xxxx/xxx/xxx.less' 

error
ERROR in ./src/components/virtual-table/index.less (./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[13].use[2]!./src/components/virtual-table/index.less)
Module build failed (from ./node_modules/less-loader/dist/cjs.js):

@import '~@bedrock/components/es/styles/base.less';
^
Filename.slice is not a function

my webpack config is :

import type { StorybookConfig } from "@storybook/react-webpack5";
import path from "path";


const resolve = (pathStr: string) => path.resolve(__dirname, '..', pathStr)
const nodeModules = resolve('node_modules')
const srcPath = resolve('src')

const config: StorybookConfig = {
  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
  addons: [
    {
      name: "@storybook/preset-create-react-app",
      options: {
        craOverrides: {
          "fileLoaderExcludes": ["less"]
        }
      }
    },
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-onboarding",
    "@storybook/addon-interactions",
  ],
  framework: {
    name: "@storybook/react-webpack5",
    options: {},
  },
  webpackFinal: async (config, { configType }) => {
    config.resolve!.alias = {
      ...config.resolve!.alias,
      '@': path.resolve(__dirname, "../src"),
      '@swc': false,
      '@umi': false,
      '@umijs': false,
      '@bedrock': false,
    };

    config.module.rules.push(
      {
        test: /\.less$/i,
        use: ['style-loader', 'css-loader',
          {
            loader: 'less-loader',
            options: {
              lessOptions: {
                javascriptEnabled: true,
                sourceMap: true,
                paths: [
                  nodeModules,
                  srcPath
                ]
              }
            }
          }]
      }
    )
    return config;
  },
  docs: {
    autodocs: "tag",
  },
};
export default config;

To Reproduce

No response

System

window10 

package version
  "@storybook/addon-essentials": "7.5.3",
    "@storybook/addon-interactions": "7.5.3",
    "@storybook/addon-links": "7.5.3",
    "@storybook/addon-onboarding": "1.0.8",
    "@storybook/blocks": "7.5.3",
    "@storybook/react": "7.5.3",
    "@storybook/react-webpack5": "7.5.3",
    "@storybook/testing-library": "0.2.2",

Additional context

No response