Is there any function to remove all of the tailwind css classes remove from NextJs app?

You can prefix all tailwind CSS classes to remove naming conflicts.

tailwind.config.js

module.exports = {
  prefix: 'tw-',
}

You will need to update your classes in your codebase to reflect the prefix.

For example - <div className="flex"> would now be <div className="tw-flex">

Prefixes are only added to default tailwind classes. You need to manually prefix any custom classes or change their names to prevent conflicts with other frameworks.

Tailwind has some base styles that you can omit by disabling preflight.

tailwind.config.js

corePlugins: {
  preflight: false,
}