Convert FeatureFlags' flags object prop to individual boolean props

[tay1orjones]

The FeatureFlag component's flags prop currently takes an object shape

carbon/packages/react/src/components/FeatureFlags/overview.stories.mdx

Lines 63 to 69 in 7d3d800

	<FeatureFlags
	flags={{
	'enable-v12-tile-default-icons': true,
	'enable-a-second-feature-flag': true,
	}}>
	<Tile />
	</FeatureFlags>;

This is incompatible with IBM Telemetry. Instead, FeatureFlag should accept individual boolean props for each flag.

<FeatureFlags enableV12TileDefaultIcons enableASecondFeatureFlag>

Tasks

Preview Give feedback

1. Add new boolean props for all existing feature flags #17238
   package: @carbon/react type: infrastructure 🤖 +2
   
2. Deprecate the existing flags prop, add codemod migration #17243
   package: @carbon/react proposal: accepted role: dev 🤖 type: enhancement 💡 type: infrastructure 🤖 +5
   
3. Convert packages/react/src/components/FeatureFlags/index.js to .tsx #17589
   area: typescript package: @carbon/react +2
   

FAQ

• Why can't we do this internally for consumers so they don't have to update or run a codemod?
  • Component/prop usage internal to the component is not collected by Telemetry. The boolean prop must be physically typed into the users source file in order for Telemetry to pick it up.