Solutions for tailwind CSS conflicts in micro frontends.

1. Add important: true in remote CSS config so it will priority over host CSS.

2. Using POSTCSS prefix.

npm i postcss postcss-prefix-selector autoprefixer

Add postcss prefix in the config as shown in the picture

wrap remote component with this selector.

Add remote parent unique selector