How to use the tailwindcss/colors.white function in tailwindcss

},
  purge: [
    './app/views/**/*.erb',
    './app/views/**/*.html',
    './app/views/**/*.slim',
    './frontend/**/*.js',
  ],
  variants: {
    gradientColorStops: ['responsive', 'hover', 'focus', 'active'],
  },
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      black: colors.black,
      white: colors.white,
      gray: colors.coolGray,
      red: colors.red,
      orange: colors.orange,
      yellow: colors.amber,
      green: colors.green,
      teal: colors.teal,
      blue: colors.blue,
      indigo: colors.indigo,
      purple: colors.purple,
    },
    fontSize: {
      'xs':   ['0.75rem', '1rem'],
      'sm':   ['0.875rem', '1.25rem'],
      'base': ['1rem', '1.5rem'],
      'lg':   ['1.125rem', '1.75rem'],
      'xl':   ['1.25rem', '1.75rem'],

module.exports = {
	purge: [
		'./src/**/*.html',
		'./src/**/*.js',
		'./src/**/*.svelte',
	],
	darkMode: 'media',
	theme: {
		colors: {
			transparent: 'transparent',

			gray: colors.trueGray,
			blue: colors.blue,
			black: colors.black,
			white: colors.white,
			yellow: colors.yellow,
		},
	},
	variants: {
		extend: {},
	},
	plugins: [],
}