`resolve.extensionAlias` is not taking in account for the dynamic imports expressions evaluation

index.ts

const x = 'a';
import(`./lazy-${x}.js`);

lazy-a.ts

export const msg = 'hello';

package.json

{
  "name": "untitled",
  "version": "1.0.0",
  "type": "module",
  "scripts": {
    "build": "webpack"
  },
  "dependencies": {
    "webpack": "5.80.0",
    "webpack-cli": "5.0.2",
    "ts-loader": "9.4.2",
    "typescript": "5.0.4"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "ESNext",
    "sourceMap": true
  },
  "exclude": [
    "node_modules"
  ]
}

webpack.config.js

import { join, dirname } from 'node:path';
import { fileURLToPath } from 'node:url';

const __dirname = dirname(fileURLToPath(import.meta.url));

const config = {
    mode: 'development',
    entry: './index.ts',
    devtool: false,
    output: {
        path: join(__dirname, 'dist'),
        publicPath: '/'
    },
    module: {
        rules: [
            {
                test: /\.[t]sx?$/,
                loader: 'ts-loader'
            }
        ]
    },
    resolve: {
        extensions: [ '.ts', '.tsx', '.js', '.jsx' ],
        extensionAlias: {
            '.js': [ '.js', '.ts', '.tsx' ]
        }
    }
};

export default config;