How to use template literal in tw classnames such as bg-green-${c}

[rickyzhangca]

The following works with @twind/shim

      {[50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((c) => (
        <div key={c} className="flex items-center gap-1">
          <div
            className={`w-6 h-6 rounded-full bg-green-${c}`}
          ></div>
          <p>{c}</p>
        </div>
      ))}

but without shim how do we use template literal properly..?

      {[50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((c) => (
        <div key={c} className={tw`flex items-center gap-1`}>
          <div
            className={tw`w-6 h-6 rounded-full bg-green-${c}`}
          ></div>
          <p>{c}</p>
        </div>
      ))}

[rickyzhangca]

moved to an issue