윤효준's questions

Eu usei tailwind.config.jsassim:

export default {
  theme: {
    extend: {
      fontSize: {
        'heading-banner-title': ['88px', { lineHeight: '100px', fontWeight: '700' }],
      },
    },
  },
};

Agora quero usar a mesma configuração no Tailwind v4, mas usando @theme:

@theme {
  --text-heading-banner-title: 88px; /* I also want to add line-height and font-weight */
}

Anteriormente, eu estava usando o seguinte estilo:

.text-heading-banner-title {
  @apply text-[88px] leading-[100px] font-bold;
}

Entretanto, ao usar essa abordagem, prefixos responsivos (por exemplo, sm:text-heading-banner-title) não funcionam como esperado.