fix(react): add missing style preprocessors when using Vite

[jaysoo]

Vite and Vitest requires style preprocessor to be installed in the workspace, which we are missing.

Current Behavior

Adding a React library using --style=less|scss|styl results in an error when running tests.

Expected Behavior

Tests should pass.

Related Issue(s)

Fixes #

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nx-dev	✅ Ready (Inspect)	Visit Preview	Dec 2, 2022 at 9:35PM (UTC)

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 4ee8959. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 11 targets

• nx affected --target=e2e --base=214c6a317581f2c678ddd003e8ab9fdef484013c --head=4ee8959dcd10e66ab9b65b6c7d094143115528f1 --exclude=e2e-storybook,e2e-storybook-angular,e2e-react-native,e2e-detox --parallel=1
• nx affected --target=test --base=214c6a317581f2c678ddd003e8ab9fdef484013c --head=4ee8959dcd10e66ab9b65b6c7d094143115528f1 --parallel=1
• nx affected --target=build --base=214c6a317581f2c678ddd003e8ab9fdef484013c --head=4ee8959dcd10e66ab9b65b6c7d094143115528f1 --parallel=3
• nx depcheck --no-dte
• nx affected --target=lint --base=214c6a317581f2c678ddd003e8ab9fdef484013c --head=4ee8959dcd10e66ab9b65b6c7d094143115528f1 --parallel=3
• nx lint --no-dte
• nx check-lock-files --no-dte
• nx check-commit --no-dte
• nx-cloud record -- nx format:check --base=214c6a317581f2c678ddd003e8ab9fdef484013c --head=4ee8959dcd10e66ab9b65b6c7d094143115528f1
• nx check-imports --no-dte
• nx documentation --no-dte

---

Sent with 💌 from NxCloud.

[barbados-clemens]

all work except styled-jsx. where it looks like the template is being generated with an invalid setup.

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.