Showing how to add the hotwire-native-app variant in .tailwind.config.js is great for readers using Tailwind 3. However, new Rails 8 applications use Tailwind 4 and do not have this file.
They will need to use the following in the tailwind/application.css file:
@custom-variant hotwire-native {
html[data-hotwire-native] & {
@slot
}
}
@custom-variant not-hotwire-native {
html:not([data-hotwire-native]) & {
@slot
}
}