From 4f5deebb48cbd93852b8697da9d1119545fa22d6 Mon Sep 17 00:00:00 2001
From: Carlos Costa <carllos.nc@gmail.com>
Date: Wed, 11 Nov 2026 04:00:18 -0300
Subject: [PATCH 1/2] style(docs): apply ds-rounded to rehype-pretty-code block
 container

---
 src/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index fa034c8..3f060d4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -23,7 +23,7 @@
 
 @layer components {
   [data-rehype-pretty-code-figure] div {
-    @apply bg-ds-900! border-none! rounded-none!;
+    @apply bg-ds-900! border-none! ds-rounded!;
   }
 
   [data-rehype-pretty-code-figure] code {

From 5dee7bb65ea2c603658dffc246e4ff0c75394b6c Mon Sep 17 00:00:00 2001
From: Carlos Costa <carllos.nc@gmail.com>
Date: Wed, 11 Nov 2026 04:00:19 -0300
Subject: [PATCH 2/2] style(docs): use ds-rounded token on CustomPre container

---
 src/layouts/MdxWrapper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/MdxWrapper.tsx b/src/layouts/MdxWrapper.tsx
index ecdad5f..c1bb1d1 100644
--- a/src/layouts/MdxWrapper.tsx
+++ b/src/layouts/MdxWrapper.tsx
@@ -127,7 +127,7 @@ const CustomPre = ({ children, ...props }: CustomPreProps) => {
   return (
     <div
       {...divProps}
-      className="relative group mt-6 first:mt-0 overflow-hidden rounded-lg border border-ds-200 dark:border-ds-800"
+      className="relative group mt-6 first:mt-0 overflow-hidden ds-rounded border border-ds-200 dark:border-ds-800"
     >
       <pre ref={preRef} className="m-0! bg-transparent!">
         {children}