File grouping like TS->JS for other generated file types

I have a TypeScript/React project that uses Typed CSS Modules. This means that (almost) every component has 3 files:

• MyComponent.tsx
• MyComponent.css
• MyComponent.css.d.ts

This results in a lot of noise:

I would like these files to be grouped under .tsx file, in the same way that IDEA does to .js files with matching name:

At the very least I would like all the *.d.ts files grouped under matched files, but even better would be for all matching files to be grouped under the "main" file (*.ts or *.tsx in this case).