CSSOptions.preprocessorOptions is missing types

[alex-kinokon]

Describe the bug

vite/packages/vite/src/node/plugins/css.ts

Line 111 in 8ce8683

preprocessorOptions?: Record<string, any>

preprocessorOptions is typed as Record<string, any>, which doesn’t provide any type hints to the user.

Reproduction

N/A

Steps to reproduce

No response

System Info

npmPackages:
    @vitejs/plugin-react: ^4.3.1 => 4.3.1 
    vite: ^5.4.1 => 5.4.2

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[bluwy]

I believe this is expected since we don't want to ship types for them if you've not installed the preprocessor. In typescript, I don't think there's a nice way to conditionally import a dependency's types and use it. We could import it unconditionally so the types will just work whenever you install the dependency, but I believe those who typecheck Vite'd dts will error because the other dependencies aren't installed.

[alex-kinokon]

I recommend putting the preprocessorOptions definition in a separate file and just put // @ts-ignore at the top.

[bluwy]

Hmm interesting. Would you like to submit a PR to try that out?

[alex-kinokon]

@bluwy Please see #18001. I have only added the types for SASS because I’m not sure what the types for other preprocessors are, but feel free to edit it.