Code completion issues in Webstorm

[oriole-pub]

Description

When I place styled-system in the node_modules folder and use the emitPackage:true configuration, the code completion feature in Webstorm becomes unavailable. However, I have tried several other editors, and their code completion functionality works fine. Here are some screenshots showcasing the functionality:

WebStorm:

VS Code:

Zed:

panda.config.ts

import { defineConfig } from "@pandacss/dev";

export default defineConfig({
  // Whether to use css reset
  preflight: true,

  // Where to look for your css declarations
  include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],

  // Files to exclude
  exclude: [],

  // Useful for theme customization
  theme: {
    extend: {},
  },
  jsxFramework:"solid",
  importMap:"styled-system",
  emitPackage:true,
  // The output directory for your css system
  outdir: "styled-system"
});

tsconfig.json

{
	"compilerOptions": {
		"target": "ESNext",
		"module": "ESNext",
		"moduleResolution": "node",
		"allowSyntheticDefaultImports": true,
		"esModuleInterop": true,
		"jsx": "preserve",
		"jsxImportSource": "solid-js",
		"allowJs": true,
		"strict": true,
		"noEmit": true,
		"types": ["vinxi/client"],
		"isolatedModules": true,
		"paths": {
      "~/*": ["./src/*"]
    }
	},
	"include": ["styled-system"]
}

Link to Reproduction

Steps to reproduce

1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

JS Framework

Solid (TS)

Panda CSS Version

^0.33.0

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[astahmer]

please migrate from emitPackage to any of the alternatives mentioned here