feat: text-opacity support

Author: dotellie

src/createFile.ts

@@ -70,6 +70,11 @@ export function createFileWithGeneratedTypes({ configFilename, outputFilename }:
     const allOpacities = extendedThemeOpacities ? { ...themeOpacities, ...extendedThemeOpacities } : themeOpacities;
     const opacities = Object.keys(allOpacities).map(opacity => `${prefix}opacity-${opacity}`);
 
+    const themeTextOpacities = isEmpty(THEME_CONFIG?.textOpacity) ? allOpacities : THEME_CONFIG?.textOpacity;
+    const extendedThemeTextOpacities = THEME_CONFIG?.extend?.textOpacity;
+    const allTextOpacities = extendedThemeTextOpacities ? { ...themeTextOpacities, ...extendedThemeTextOpacities } : themeTextOpacities;
+    const textOpacities = Object.keys(allTextOpacities).map(opacity => `${prefix}text-opacity-${opacity}`);
+
     const themeBreakpoints = isEmpty(THEME_CONFIG?.screens) ? defaultScreens : THEME_CONFIG?.screens;
     const extendedThemeBreakpoints = THEME_CONFIG?.extend?.screens;
     const breakpoints = extendedThemeBreakpoints
@@ -134,6 +139,7 @@ export function createFileWithGeneratedTypes({ configFilename, outputFilename }:
       .replace(/PLACEHOLDER_COLORS/g, generateTypes(placeholderColors))
       .replace(/BORDER_COLORS/g, generateTypes(borderColors))
       .replace(/TEXT_COLORS/g, generateTypes(textColors))
+      .replace(/TEXT_OPACITIES/g, generateTypes(textOpacities))
       .replace(/OPACITIES/g, generateTypes(opacities));
 
     fs.writeFile(`${outputFilename}`, result, 'utf8', error => {

src/utils.ts

@@ -765,7 +765,9 @@ export type TBoxShadow =
 
 export type TOpacity =OPACITIES;
 
-export type TEffects = TBoxShadow | TOpacity;
+export type TTextOpacity =TEXT_OPACITIES;
+
+export type TEffects = TBoxShadow | TOpacity | TTextOpacity;
 
 export type TTransitionProperty =
   | '_PREFIX_transition-none'