Go to step definition from Gherkin step does not work in Playwright TypeScript framework

[AkmanEngin]

👓 What did you see?

I have Gherkin streps and corresponding step definitions. The step definitions and tests are working. But I cannot navigate to the step definition by clicking it. And even for some steps, I am getting Undefined step error, though step is defined and working.

✅ What did you expect to see?

I expected to go to step definitions when clicking the Gherkin steps, And I don't want to see Undefined step error when I have the step defined already.

📦 Which tool/library version are you using?

node v20.17.0
cucumber ^10.9.0
VS Code 1.95.0

🔬 How could we reproduce it?

npm install @playwright/test @cucumber/cucumber dotenv typescript ts-node @types/node
npx playwright install

I set up my Playwright framework.
I have cucumber v1.10 VS code extension. cucumber.io
I have these settings on settings.json>
{
"files.autoSave": "afterDelay",
"editor.fontSize": 20,
"code-runner.clearPreviousOutput": true,
"window.menuBarVisibility": "compact",
"cucumberautocomplete.steps":"steps//*.ts",
"cucumberautocomplete.syncfeatures": "features//*.features"
}

📚 Any additional context?

No response