module.exports = { future: { purgeLayersByDefault: true, removeDeprecatedGapUtilities: true, }, theme: { container: { center: true, }, extend: { cursor: { 'context-menu': 'context-menu', }, colors: { 'primary-50': 'var(--color-primary-50)', 'primary-100': 'var(--color-primary-100)', 'primary-200': 'var(--color-primary-200)', 'primary-300': 'var(--color-primary-300)', 'primary-400': 'var(--color-primary-400)', 'primary-500': 'var(--color-primary-500)', 'primary-600': 'var(--color-primary-600)', 'primary-700': 'var(--color-primary-700)', 'primary-800': 'var(--color-primary-800)', 'primary-900': 'var(--color-primary-900)', }, }, }, variants: {}, plugins: [], };