How to use the tailwindcss/defaultConfig.theme function in tailwindcss

const defaultConfig = require('tailwindcss/defaultConfig');

module.exports = {
	theme: {
		colors: {
			...defaultConfig.theme.colors,
			'salmon': '#f4645f',
		},
		maxWidth: {
			...defaultConfig.theme.maxWidth,
			'4/5': '80%',
		},
	},
	variants: {
		...defaultConfig.variants,
		textColor: ['responsive', 'hover', 'focus', 'group-hover'],
	},
	plugins: [
		require('@tailwindcss/custom-forms'),
	],
};

const defaultConfig = require('tailwindcss/defaultConfig');

module.exports = {
	theme: {
		colors: {
			...defaultConfig.theme.colors,
			'salmon': '#f4645f',
		},
		maxWidth: {
			...defaultConfig.theme.maxWidth,
			'4/5': '80%',
		},
	},
	variants: {
		...defaultConfig.variants,
		textColor: ['responsive', 'hover', 'focus', 'group-hover'],
	},
	plugins: [
		require('@tailwindcss/custom-forms'),
	],
};

invers: "var(--color-invers)",
                dimmed: "var(--color-dimmed)",
                accent: "var(--color-accent)",
                canvas: "var(--color-canvas)",
                tile: "var(--color-tile)",
                warning: "var(--color-warning)",
                error: "var(--color-error)",
                success: "var(--color-success)",
            },
            borderColor: (theme) => ({
                default: theme("colors.canvas", "currentColor"),
            }),
            gridTemplateColumns: gridTemplates,
            gridTemplateRows: gridTemplates,
            fontFamily: {
                sans: ["Inter", ...defaultConfig.theme.fontFamily.sans],
            },
        },
    },
    variants: {},
    plugins: [],
};