diff --git a/packages/main/src/components/ActionSheet/index.tsx b/packages/main/src/components/ActionSheet/index.tsx
index 134fb816b7e..537badd30dd 100644
--- a/packages/main/src/components/ActionSheet/index.tsx
+++ b/packages/main/src/components/ActionSheet/index.tsx
@@ -17,7 +17,7 @@ import type {
   ResponsivePopoverPropTypes
 } from '../../webComponents/index.js';
 import { Button, ResponsivePopover } from '../../webComponents/index.js';
-import { classNames, styleData } from './ActionSheet.module.css.js';
+import { classNames, content } from './ActionSheet.module.css.js';
 
 export interface ActionSheetPropTypes extends Omit<ResponsivePopoverPropTypes, 'header' | 'headerText' | 'children'> {
   /**
@@ -119,7 +119,7 @@ const ActionSheet = forwardRef<ResponsivePopoverDomRef, ActionSheetPropTypes>((p
   const { accessibilityAttributes, children, className, header, headerText, hideCancelButton, onOpen, open, ...rest } =
     props;
 
-  useStylesheet(styleData, ActionSheet.displayName);
+  useStylesheet(content, ActionSheet.displayName);
 
   const i18nBundle = useI18nBundle('@ui5/webcomponents-react');
   const actionBtnsRef = useRef(null);
diff --git a/packages/main/src/components/AnalyticalCardHeader/index.tsx b/packages/main/src/components/AnalyticalCardHeader/index.tsx
index b8865387e96..fac2df3a531 100644
--- a/packages/main/src/components/AnalyticalCardHeader/index.tsx
+++ b/packages/main/src/components/AnalyticalCardHeader/index.tsx
@@ -20,7 +20,7 @@ import { flattenFragments } from '../../internal/utils.js';
 import type { CommonProps } from '../../types/index.js';
 import { Icon } from '../../webComponents/index.js';
 import type { NumericSideIndicatorPropTypes } from '../NumericSideIndicator/index.js';
-import { classNames, styleData } from './AnalyticalCardHeader.module.css.js';
+import { classNames, content } from './AnalyticalCardHeader.module.css.js';
 
 export interface AnalyticalCardHeaderPropTypes extends CommonProps {
   /**
@@ -113,7 +113,7 @@ export const AnalyticalCardHeader = forwardRef<HTMLDivElement, AnalyticalCardHea
     id,
     ...rest
   } = props;
-  useStylesheet(styleData, AnalyticalCardHeader.displayName);
+  useStylesheet(content, AnalyticalCardHeader.displayName);
 
   const headerClasses = clsx(classNames.cardHeader, onClick && classNames.cardHeaderClickable, className);
 
diff --git a/scripts/postcss-css-to-esm.mjs b/scripts/postcss-css-to-esm.mjs
index d2a81d6a4fd..910660540ef 100644
--- a/scripts/postcss-css-to-esm.mjs
+++ b/scripts/postcss-css-to-esm.mjs
@@ -17,6 +17,7 @@ const getTSContent = (targetFile, packageName, css, exportTokens) => {
   return `export const styleData = \`${css}\`;
 
 export const classNames = ${JSON.stringify(exportTokens)} as const;
+export { styleData as content };
 `;
 };