How well can I rely on Tailwinds ability to know what classes to include in the CSS?

const baseClassNames = "px-1 py-0.5"

const Component = ({green}) => {
  return <span className={clsx(baseClassNames, green && "text-green")}>Example</span>
}

const baseClassNames = "px-1 py-0.5"
const getTextColor = (textColor) => `text-${textColor}`

const Component = ({textColor}) => {
  return <span className={clsx(baseClassNames, textColor && getTextColor(textColor))}>Example</span>
}