So we have @apply, how about @inject?

[plainpaul]

So I totally get the regret Adam has with the creation of @apply, I don't like it either. 7 months ago I hit the ground running on a pretty large Django/Jinja2/Tailwind project. Being my first exposure to Tailwind, when I first started I thought @apply did something a bit different then it ACTUALLY does so I have been overhauling my idea of how to build more manageable components. But then that got me thinking, what about something like @Inject? Keep in mind I am saying this with not much background with tailwind and/or heavy javascript development so I could be completely wrong, and you can tell me that, I don't mind.

From what I understand, this is basically @apply??:
style.css

.card-base{
    @apply bg-secondary rounded-md;
}
.card-trending{
    @apply card-base flex flex-col md:flex-row gap-8  drop-shadow;
}

page.html

<div class="card-trending">I'm a card with trending and base applied</div>

OUTPUT:

<div class="card-trending">I'm a card with trending and base applied</div>

.card-article{
    --tw-drop-shadow: drop-shadow(0 8px 16px #0000000a);
	border-radius: 0.375rem;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1rem;
}

This is kinda how I thought @apply worked at first but obviously I was wrong. But maybe something like this could exist??
style.css

.card-base{
    @inject bg-secondary rounded-md;
}
.card-trending{
    @inject card-base flex flex-col md:flex-row gap-8 p-4 drop-shadow;
}

page.html

<div class="card-trending">I'm a card with trending and base applied</div>

OUTPUT:
<div class="bg-secondary rounded-md flex flex-col md:flex-row gap-8 p-4 drop-shadow">I'm a card with trending and base applied</div>