Agregue mode: 'jit', a su tailwind.config.js para que w-[405px] funcione. Creo que otras clases están funcionando, simplemente no lo notó o tal vez entren en conflicto con otros estilos en su div.

Usamos Tailwind en el trabajo, algo que no me encanta, pero si estamos agregando clases de Tailwind que aún no se han usado en el documento, tenemos que hacerlo localmente para que el compilador agregue las nuevas clases a su documento. .

No estoy seguro de si esta es la única forma de hacerlo, ya que es bastante nuevo para nosotros, pero si lleva su proyecto a un entorno local y usa el comando

 npm run watch

le indicará al viento de cola que mire los nombres de sus clases y agregue los nuevos a la lista compilada. por lo tanto, si está creando instancias personalizadas usando [], es probable que Tailwind no haya agregado esas instancias a la versión minimizada de su css

De verdad no encuentro como solucionarlo. Pero en mi caso, simplemente agregué las mismas clases al componente y después comencé a verlo. Si alguien sabe exactamente por qué está sucediendo, todavía estoy esperando alguna idea.