BUG: PrimeNG 18 Menubar

[devangelou]

The border-radius values for the Menubar and Submenu components appear to be incorrectly linked. Based on the documentation the design tokens that control the border-radius of the components are menubar.border.radius and menubar.submenu.border.radius. After modifying these two tokens I found that the compiled CSS incorrectly assigns the same variable (--p-menubar-border-radius) to both elements.

.p-menubar {
  display: flex;
  align-items: center;
  background: var(--p-menubar-background);
  border: 1px solid var(--p-menubar-border-color);
  border-radius: var(--p-menubar-border-radius); /* ✅ Correct */
  color: var(--p-menubar-color);
  padding: var(--p-menubar-padding);
  gap: var(--p-menubar-gap);
}

.p-menubar-submenu {
  display: none;
  position: absolute;
  min-width: 12.5rem;
  z-index: 1;
  background: var(--p-menubar-submenu-background);
  border: 1px solid var(--p-menubar-submenu-border-color);
  border-radius: var(--p-menubar-border-radius); /* ❌ Incorrect - should use --p-menubar-submenu-border-radius */
  box-shadow: var(--p-menubar-submenu-shadow);
  color: var(--p-menubar-submenu-color);
  flex-direction: column;
  padding: var(--p-menubar-submenu-padding);
  gap: var(--p-menubar-submenu-gap);
}