diff --git a/.storybook/main.ts b/.storybook/main.ts
index cd3ce0cc0..01dfebbdd 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -6,6 +6,7 @@ const config: StorybookConfig = {
     "../src/docs/get-started.mdx",
     "../src/docs/changelog.mdx",
     "../src/docs/badges.mdx",
+    "../src/docs/css-utilities.mdx",
     "../src/docs/colors/colors.mdx",
     "../src/docs/**/*.stories.@(js|jsx|mjs|ts|tsx)",
     "../tedi/**/*.stories.@(js|jsx|mjs|ts|tsx)",
diff --git a/package-lock.json b/package-lock.json
index 9fbe585bd..105d17c15 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
       "name": "@tedi-design-system/angular",
       "version": "0.0.0-semantic-version",
       "dependencies": {
-        "@tedi-design-system/core": "^3.1.0"
+        "@tedi-design-system/core": "^3.3.0"
       },
       "devDependencies": {
         "@angular-devkit/core": "19.2.15",
@@ -78,13 +78,13 @@
         "typescript": "5.8"
       },
       "peerDependencies": {
-        "@angular/animations": "^19.0.0 || ^20.0.0",
-        "@angular/cdk": "^19.0.0 || ^20.0.0",
-        "@angular/common": "^19.0.0 || ^20.0.0",
-        "@angular/core": "^19.0.0 || ^20.0.0",
-        "@angular/forms": "^19.0.0 || ^20.0.0",
-        "@angular/platform-browser": "^19.0.0 || ^20.0.0",
-        "ngx-float-ui": "^19.0.1 || ^20.0.0"
+        "@angular/animations": "^19.0.0 || ^20.0.0 || ^21.0.0",
+        "@angular/cdk": "^19.0.0 || ^20.0.0 || ^21.0.0",
+        "@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
+        "@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
+        "@angular/forms": "^19.0.0 || ^20.0.0 || ^21.0.0",
+        "@angular/platform-browser": "^19.0.0 || ^20.0.0 || ^21.0.0",
+        "ngx-float-ui": "^19.0.1 || ^20.0.0 || ^21.0.0"
       }
     },
     "node_modules/@actions/core": {
@@ -10005,12 +10005,12 @@
       }
     },
     "node_modules/@tedi-design-system/core": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@tedi-design-system/core/-/core-3.1.0.tgz",
-      "integrity": "sha512-hI59htF7iEZpba21p/cnPx9kt9Uud3WQ2aUw0+b9+/bvHk5OwcoLPwn9UkyZgeQfGpz8uHMJec3ugEVdrQFZ2A==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@tedi-design-system/core/-/core-3.3.0.tgz",
+      "integrity": "sha512-+9pGy1Cq4VSShSOAQg0Mi/VBSs3ht7lbWr7jfvrQ9XJJPl0iSsgNXquSJtD9lPb+gcoXetXxRSiGj1csrcx+vg==",
       "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
+        "node": ">=24.0.0",
+        "npm": ">=11.0.0"
       }
     },
     "node_modules/@testing-library/angular": {
diff --git a/package.json b/package.json
index 66bd85f27..568c6c3f2 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "ngx-float-ui": "^19.0.1 || ^20.0.0 || ^21.0.0"
   },
   "dependencies": {
-    "@tedi-design-system/core": "^3.1.0"
+    "@tedi-design-system/core": "^3.3.0"
   },
   "devDependencies": {
     "@angular-devkit/core": "19.2.15",
diff --git a/src/docs/css-utilities.mdx b/src/docs/css-utilities.mdx
new file mode 100644
index 000000000..0efff50d3
--- /dev/null
+++ b/src/docs/css-utilities.mdx
@@ -0,0 +1,6 @@
+import { Meta, Markdown } from '@storybook/blocks';
+import CssUtilities from '@tedi-design-system/core/docs/css-utilities.md?raw';
+
+<Meta title="Documentation/CSS Utilities" />
+
+<Markdown>{CssUtilities}</Markdown>