e2e 오류 수정

src/features/editor/utils/listHelpers.ts

@@ -53,6 +53,11 @@ export const computeListExportTokens = (props: ListBlockProps): ListExportTokens
           : 8;
   const gapEm = gapPx / 16;
 
+  // 리스트 아이템 간 간격은 CSS 커스텀 프로퍼티 --pb-list-gap 으로 전달한다.
+  // 이렇게 하면 margin-bottom 계산은 builder.css 레이어에서만 수행되어,
+  // 정적 Export HTML 의 style 속성에 직접적인 margin-bottom 이 포함되지 않는다.
+  listStyleParts.push(`--pb-list-gap:${gapEm}em`);
+
   if (typeof props.backgroundColorCustom === "string" && props.backgroundColorCustom.trim() !== "") {
     listStyleParts.push(`background-color:${props.backgroundColorCustom.trim()}`);
   }
@@ -172,6 +177,10 @@ export const computeListPublicTokens = (props: ListBlockProps): ListPublicTokens
     listStyle.backgroundColor = props.backgroundColorCustom.trim();
   }
 
+  // 리스트 아이템 간 여백을 CSS 변수로 노출한다. 실제 margin-bottom 은 builder.css 의
+  // .pb-list > li 규칙에서 --pb-list-gap 값을 참조해 계산한다.
+  (listStyle as any)["--pb-list-gap"] = `${gapEm}em`;
+
   const bulletStyle = bulletStyleRaw;
 
   return {