make next12 use tailwind + styled-component
next12 use swc complier and not support twin.macro, and can't use tailwind in styled-conpoment
decorate your next.config.js
const withTwin = require('./next-twin.js')
module.exports = withTwin({
experimental: {
// Enables the styled-components SWC transform
styledComponents: true,
}
})