TS typings error with .module.pcss extension

[edikdeisling]

Describe the bug

When we import pcss module

import styles from './index.module.pcss';

We get a TS error when trying to get class from styles (console.log(styles.button))

TS2339: Property 'button' does not exist on type 'string'

Reproduction

You need to create file with .module.pcss extension and import it in code.

I think this caused by vite/packages/vite/client.d.ts file. We have there declare module '*.module.css', but don't have declare module '*.module.pcss'

System Info

Output of npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers:

System:
	OS: Windows 10 10.0.19042
	CPU: (6) ia32 Intel(R) Core(TM) i5-8600K CPU @ 3.60GHz
	Memory: 6.71 GB / 15.94 GB
Binaries:
	Node: 14.17.0 - C:\Program Files (x86)\nodejs\node.EXE
	Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD
	npm: 6.14.13 - C:\Program Files (x86)\nodejs\npm.CMD
Browsers:
	Edge: Spartan (44.19041.423.0), Chromium (90.0.818.66)
	Internet Explorer: 11.0.19041.1
npmPackages:
	vite: 2.3.1 => 2.3.1

Used package manager: yarn

---

Before submitting the issue, please make sure you do the following

• 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.
• Provide a description in this issue that describes the bug.
• 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 https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.