Default Tailwind CSS theme config in pixels. Made to use with 'extend', this is not the full config, only sections that had rem units in them. https://tailwindcss.com/docs/configuration#theme

tailwindcss.config.pixels.js

const remToPx = (rem, base = 16) => `${rem * base}px`
const theme = {
    theme: {
        spacing: {
            px: '1px',
            0: '0px',
            0.5: remToPx(0.125),
            1: remToPx(0.25),
            1.5: remToPx(0.375),
            2: remToPx(0.5),
            2.5: remToPx(0.625),
            3: remToPx(0.75),
            3.5: remToPx(0.875),
            4: remToPx(1),
            5: remToPx(1.25),
            6: remToPx(1.5),
            7: remToPx(1.75),
            8: remToPx(2),
            9: remToPx(2.25),
            10: remToPx(2.5),
            11: remToPx(2.75),
            12: remToPx(3),
            14: remToPx(3.5),
            16: remToPx(4),
            20: remToPx(5),
            24: remToPx(6),
            28: remToPx(7),
            32: remToPx(8),
            36: remToPx(9),
            40: remToPx(10),
            44: remToPx(11),
            48: remToPx(12),
            52: remToPx(13),
            56: remToPx(14),
            60: remToPx(15),
            64: remToPx(16),
            72: remToPx(18),
            80: remToPx(20),
            96: remToPx(24),
        },
        borderRadius: {
            none: '0px',
            sm: remToPx(0.125),
            DEFAULT: remToPx(0.25),
            md: remToPx(0.375),
            lg: remToPx(0.5),
            xl: remToPx(0.75),
            '2xl': remToPx(1),
            '3xl': remToPx(1.5),
            full: '9999px',
        },
        fontSize: {
            xs: [remToPx(0.75), { lineHeight: remToPx(1) }],
            sm: [remToPx(0.875), { lineHeight: remToPx(1.25) }],
            base: [remToPx(1), { lineHeight: remToPx(1.5) }],
            lg: [remToPx(1.125), { lineHeight: remToPx(1.75) }],
            xl: [remToPx(1.25), { lineHeight: remToPx(1.75) }],
            '2xl': [remToPx(1.5), { lineHeight: remToPx(2) }],
            '3xl': [remToPx(1.875), { lineHeight: remToPx(2.25) }],
            '4xl': [remToPx(2.25), { lineHeight: remToPx(2.5) }],
            '5xl': [remToPx(3), { lineHeight: '1' }],
            '6xl': [remToPx(3.75), { lineHeight: '1' }],
            '7xl': [remToPx(4.5), { lineHeight: '1' }],
            '8xl': [remToPx(6), { lineHeight: '1' }],
            '9xl': [remToPx(8), { lineHeight: '1' }],
        },
        lineHeight: {
            none: '1',
            tight: '1.25',
            snug: '1.375',
            normal: '1.5',
            relaxed: '1.625',
            loose: '2',
            3: remToPx(.75),
            4: remToPx(1),
            5: remToPx(1.25),
            6: remToPx(1.5),
            7: remToPx(1.75),
            8: remToPx(2),
            9: remToPx(2.25),
            10: remToPx(2.5),
        },
        maxWidth: (theme, { breakpoints }) => ({
            none: 'none',
            0: remToPx(0),
            xs: remToPx(20),
            sm: remToPx(24),
            md: remToPx(28),
            lg: remToPx(32),
            xl: remToPx(36),
            '2xl': remToPx(42),
            '3xl': remToPx(48),
            '4xl': remToPx(56),
            '5xl': remToPx(64),
            '6xl': remToPx(72),
            '7xl': remToPx(80),
            full: '100%',
            min: 'min-content',
            max: 'max-content',
            prose: '65ch',
            ...breakpoints(theme('screens')),
        })
    }
}