Need to add a theme color which is dynamic (from env)

[platput]

So in the prior version of tailwindcss, I used to have config file which helped me to set a custom theme for the entire app based on the value of an env variable.

/** @type {import('tailwindcss').Config} */
const colors = require("tailwindcss/colors");
export default {
  plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
  content: [],
  theme: {
    extend: {
      fontFamily: {},
      colors: {
        clientTheme: colors[process.env.NUXT_PUBLIC_COLOR_PRIMARY || "orange"],
      },
    },
  },
  plugins: [],
};

But ever since the tailwind config was deprecated in favor of .css way of doing things, I am unable to do this. Even including the config file in the css file doesn't seem to work. Basically I just want to be able to use the clientTheme as the color utility classes but the value has to be taken from the env file. I am at a loss on how to do this.