How to use less in react

I want to use less in react18, before that I installed and configured "@craco/craco", but when executing "npm i craco-less -D", the console prompts an error, I searched a lot without finding it, looking forward to your reply!

Console error reporting:

package.json

craco.config.js

Try to install it using the --force flag, like:

npm install craco-less --save-dev --force

Or for short:

npm i craco-less -D -f