IntelliSense: Autocomplete should suggest based on output CSS properties (reverse lookup suggestions)

[phil294]

Hi!

For example, if I autocomplete at <div class="leading-|, I'll see the output CSS

.leading-3 {
    line-height: .75rem/* 12px */;
}

Which is great. But when I don't know the name of the property for line-height which is definitely the case as a Tailwind beginner, I'm lost and have to look it up online.

More concretely, I'd expect at <div class="line-height| to get suggestions for leading-3 and more! These reverse kind of lookups should have lower ranking than the natural ones, perhaps also another icon, so they don't come in the way of the important stuff.

As another example, when I autocomplete at <div class="padding| I would expect to see the following order:

1. bg-clip-padding
2. bg-origin-padding
3. p-0
4. p-1 etc.

---

I tried to file this as a feature request to https://github.com/tailwindlabs/tailwindcss-intellisense/issues but was automatically redirected to the discussions in the main repo instead.