^{Originally posted by skttl January 23, 2025}
To make the default syntax for container queries work, I've added this in my v3 config:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: {
    files: [
      // these are relative to package.json
      './UI/Scripts/**/*.js',
      './Views/**/*.cshtml'
    ],
    transform: {
      cshtml: (content) => {
        return content.replace('@@', '@');
      }
    }
  },

This replaces @@ with @ before looking for classnames, making me able to write eg. @@sm:text-red-500 instead of @sm:text-red-500. The latter would interpret @sm as a razor variable.

Is it possible to do something similar in the new css config format?