How to change border radius of autocomplete?

[LukaMajcenic]

From the docs

The design tokens of a specific component is defined at components layer. Overriding components tokens is not the recommended approach if you are building your own style, building your own preset should be preferred instead.

Design tokens can be scoped to a certain component using the dt property.

This approach is recommended over the ::ng-deep as it offers a cleaner API while avoiding the hassle of CSS rule overrides.

My autocomplete dt:

autocompleteDt = {
      root: {
          borderRadius: "{border.radius.xl}"
      },
      overlay: {
          borderRadius: "{border.radius.xl}"
      },
      option: {
          borderRadius: "{border.radius.xl}"
      },
      dropdown: {
          borderRadius: "{border.radius.xl}"
      }
  };

This changes the dropdown border radius, but the border radius for the input itself is defined in inputtext.root.borderRadius.