Use @apply directive to define custom 'active' style

https://tailwindcss.com/docs/functions-and-directives#apply

app/assets/stylesheets/application.tailwind.css.scss

@@ -3,3 +3,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.active{
+  @apply bg-pink-300;
+}