## Purpose As part of [implementing design tokens across the product](https://gitlab.com/groups/gitlab-org/-/epics/13073), we need to update each component to use design tokens. This issue focuses on the GlCollapsibleListbox component from gitlab-ui. ## References * [Token specification](https://www.figma.com/design/gJonmki8xmshYpM1oXBUL0/Applying-design-tokens?node-id=543-7461&t=XnwPlngMXYfSFoCf-1) * [Vue component](https://gitlab.com/gitlab-org/gitlab-ui/-/tree/main/src/components/base/new_dropdowns/listbox) * [Figma component](https://www.figma.com/design/qEddyqCrI7kPSBjGmwkZzQ/%F0%9F%93%99-Component-library?node-id=61252-95177&t=zyUDjl58KPQRHpdJ-0) * Total adoption scanner findings: [195](https://gitlab-org.gitlab.io/frontend/pajamas-adoption-scanner/?search=extra.metadata.componentLabel%20eq%20%22component:dropdown-collapsible-listbox%22) ## Outcome * Update the Figma Library to use the new tokens * Update the component implementation to use the new tokens ## Note Design tokens on `GlCollapsibleListbox` are shared with `GlDisclosureDropdown` and dependant on `action` semantic design tokens being implemented (likely with `GlButton`)