Unable to resolve types for postcss-nesting plugin

[Krishnaag23]

I am using nodenext module resolution in a monorepo with pnpm as the package manager.

import postcssNesting from 'postcss-nesting'; // Importing as mentioned in the nesting plugin docs

but getting this error when doing tsc --no-Emit Could not find a declaration file for module 'postcss-nesting'.

'SomePath/node_modules/.pnpm/postcss-nesting@13.0.2_postcss@8.5.6/node_modules/postcss-nesting/dist/index.cjs' implicitly has an 'any' type.
  Try `npm i --save-dev @types/postcss-nesting` if it exists or add a new declaration (.d.ts) file containing `declare module 'postcss-nesting';`ts(7016)

The package.json of nesting plugin does not seem to map types for require which is causing this issue.

	"exports": {
		".": {
			"import": {
				"types": "./dist/index.d.ts",
				"default": "./dist/index.mjs"
			},
			"require": {
                         	"default": "./dist/index.cjs" // need types here as well, when module resolution fallsback to resolving from require path.
			}
		}
	},
	

The issue could be something else but adding types above seems to fix it for me.

[Krishnaag23]

I am asking to confirm if this is a bug or am I doing something wrong here?

[romainmenke]

Hi @Krishnaag23

That is not a bug.
We do not support types for commonjs.

see :

• packages provide wrong types under node16 module resolution #1031 (comment)
• If tsconfig.json is set to CommonJS mode, the declaration files cannot be read. #1303
• TypeScript error after upgrading postcss-preset-env from 9.3.0 to 9.4.0  #1295
• postcss-color-functional-notation doesn't expose TS types for CJS export #1217
• Postcss-nesting v12.0.4 is missing types field in package.json #1313

---

You might have your project configured to use commonjs, even when you can use the import foo form 'foo' syntax.

If you want typings then you need to configure your project to use es modules.

[Krishnaag23]

Thanks for the prompt reply !