Add feature flag setup

.github/workflows/prepare-release.yml

@@ -264,6 +264,8 @@ jobs:
 
       - name: Build Tailwind CSS
         run: pnpm run build
+        env:
+          FEATURES_ENV: stable
 
       - name: Run pre-publish optimizations scripts
         run: node ./scripts/pre-publish-optimizations.mjs

.github/workflows/release.yml

@@ -256,6 +256,8 @@ jobs:
 
       - name: Build Tailwind CSS
         run: pnpm run build
+        env:
+          FEATURES_ENV: stable
 
       - name: Run pre-publish optimizations scripts
         run: node ./scripts/pre-publish-optimizations.mjs

packages/tailwindcss/src/feature-flags.ts

@@ -0,0 +1 @@
+export const enableTableFooterGroup = process.env.FEATURES_ENV !== 'stable'

packages/tailwindcss/src/utilities.ts

@@ -11,6 +11,7 @@ import {
 } from './ast'
 import type { Candidate, CandidateModifier, NamedUtilityValue } from './candidate'
 import type { DesignSystem } from './design-system'
+import { enableTableFooterGroup } from './feature-flags'
 import type { Theme, ThemeKey } from './theme'
 import { compareBreakpoints } from './utils/compare-breakpoints'
 import { DefaultMap } from './utils/default-map'
@@ -824,7 +825,9 @@ export function createUtilities(theme: Theme) {
   staticUtility('table-cell', [['display', 'table-cell']])
   staticUtility('table-column', [['display', 'table-column']])
   staticUtility('table-column-group', [['display', 'table-column-group']])
-  staticUtility('table-footer-group', [['display', 'table-footer-group']])
+  if (enableTableFooterGroup) {
+    staticUtility('table-footer-group', [['display', 'table-footer-group']])
+  }
   staticUtility('table-header-group', [['display', 'table-header-group']])
   staticUtility('table-row-group', [['display', 'table-row-group']])
   staticUtility('table-row', [['display', 'table-row']])

packages/tailwindcss/tsup.config.ts

@@ -12,6 +12,9 @@ export default defineConfig([
       'default-theme': 'src/compat/default-theme.ts',
       'flatten-color-palette': 'src/compat/flatten-color-palette.ts',
     },
+    define: {
+      'process.env.FEATURES_ENV': JSON.stringify(process.env.FEATURES_ENV ?? 'insiders'),
+    },
   },
   {
     format: ['cjs'],
@@ -24,5 +27,8 @@ export default defineConfig([
       'default-theme': 'src/compat/default-theme.cts',
       'flatten-color-palette': 'src/compat/flatten-color-palette.cts',
     },
+    define: {
+      'process.env.FEATURES_ENV': JSON.stringify(process.env.FEATURES_ENV ?? 'insiders'),
+    },
   },
 ])

turbo.json

@@ -34,7 +34,8 @@
     },
     "build": {
       "dependsOn": ["^build"],
-      "outputs": ["dist/**"]
+      "outputs": ["dist/**"],
+      "env": ["FEATURES_ENV"]
     },
     "lint": {},
     "dev": {