Under Turbopack, per-component CSS Module styles are injected after the global Tailwind sheet. Both module rules and Tailwind components/utilities were unlayered, so source order let module rules override Tailwind utilities (symptom: horizontally stretched images on the image detail page, where EdgeMedia .responsive {height:auto} beat the Tailwind sizing class).
Fix: wrap every *.module.css/.module.scss into a 'modules' cascade layer via postcss-assign-layer. Tailwind components/utilities stay unlayered, so they beat any layer regardless of injection order. No explicit @layer order declaration is used: module CSS loads after Mantine's imports, so '@layer modules' naturally sits above '@layer mantine', and both sit below unlayered Tailwind. Final cascade: preflight < theme < utilities < mantine < modules < unlayered Tailwind (wins).
An explicit '@layer mantine, modules;' declaration was deliberately avoided: pinning 'mantine' as the first-declared layer dropped it below Tailwind's Preflight base layer, so Preflight's button reset beat Mantine styling (e.g. CategoryTags buttons lost their fill).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
* Start migration, start updating files & details
* Attempt at migrating ContainerGrid styles
* Continue migration
* Migrate tag/[tagname]
* Checkpoint: Before the adsProvider migration
* General progress - migrate complex AdUnit useStyles
* Migrates VotableTags component to mantine v7
* Migrate card styles, profile styles and more
* More migrations
* Nits
* Migrates components to mantine v7
* Migrate all articles components
* Updates User components to mantine v7
* Cleanup to files up to ChatList.tsx
* Checkpoint: Container Grid
* Migrate up to CosmeticShopItemUpsertForm
* Mantine migration: Training and subscription components
* Fixes alpha color mix in css modules
* Checkpoint up to QuickSearchDropdown
* Checkpoint up to RouterTransition
* Checkpoint up to ImageResources
* Fixes after merging with main
* Checkpoint - main components
* Some pages
* Fix minor nit
* Completes migration of pages components
* 2nd pass of fixes'
* More fixes after typecheck
* Last type fixes
* Somehow, manage initial render
* Minor nits, initial render, improvements
* Update colors in theme
* Minor changes and improvements
* Fixes app header and footer styles
* Replaces sx and text color everywhere
* Fixes media queries
* Fixes ContainerGrid
* Fixes ActionIcon styles everywhere
* Fixes alpha color mix in css modules
* Fixes dark/light theme not working with tailwind
* Fixes after merging with main
* Fixes bad css module imports
* Fixes issues preventing build
* Main fixes to account and model feed pages
* Fixes after merging with main
* Fixes animation module file typo
* Fixes to feeds
* Fixes after merging with main
* Fixes icons in menu items
* Fixes homeblocks and other things
* Fixes to AuctionFiltersDropdown
* Fixes home page and most feed cards
* Fixes most styles in the generation form
* Fixes gen panel
* Fixes shop styles
* Updates package-lock file
* Fixes after merging with main
* Creator program nits
* Fixes search page styles
* Several fixes to small pages
* Fixes css type issues
* Fixes reviews page and css modules types issues
* Fixes lock file and tailwind vars
* Fixes package-lock
* More fixes to package-lock
* Buzz dashboard nits
* Minor model form nits
* Fixes model details page and richTextEditor styles
* Start working on the training page
* Brings back old color scheme
* loader types + auction
* Fixes most forms
* Fixes type issues
* Adjusts text link color
* Fixes collections layout and styles
* Final touches to the image detail page
* Fixes after merging with main
* Fix autocomplete search
* Small tweaks and fixes
* More style fixes
* Fixes notifications and navigation progress
* Fixes after merging with main
* Adds creatable multiselect component
* Fixes grouped select input
* Adjusts aria-label for close buttons in modal
* More small fixes
* Fixes nits from review
* Bunch of fixes all around
* Fixes after merging with main
* Another wave of fixes
* Fixes after merging with main
* Bunch of updates based off review feedback
* General fixes
* Finishes migrating all user facing pages and components
* Fixes type issues
* Fixes admin pages
* Last round of feedback incoming
---------
Co-authored-by: Luis Rojas <lrojas94@gmail.com>
Co-authored-by: Brett Woodward <flipperbw@gmail.com>
Briant Diehl