More flexible options for css preprocessors like less

[AngusFu]

Is your feature request related to a problem? Please describe.
I want to set javascriptEnabled and modifyVars for less.

Describe the solution you'd like
I need a way to pass on my options.

From the screenshot below I can see that this is not possible at present.

Describe alternatives you've considered

May be we need to put some fields in vite.confg.js, like ——

module.exports = {
  plugins: ['react'],
  // ...
  cssPreprocessorOptions: {
    less: {
      javascriptEnabled: true,
      modifyVars: { ... }
    },
    // ....
  }
}

For now I'm just HACKing in vite.config.js ——

// HACK
Object.assign(require('less').options, {
  javascriptEnabled: true,
  modifyVars: { ... }
});

Additional context
None.

[samelie]

What you expected now works. I'm using ant-design and am overriding the defaults.

    less: {
      modifyVars: {
        white: '#333',
        'component-background': '#777',
        'primary-color': '#1DA57A',
        'link-color': '#1DA57A',
        'border-radius-base': '2px',
      },
      javascriptEnabled: true,
    },
  },