Misleading icon import documentation

[jmuzina]

Describe the bug

The import section of the icons documentation suggests that users can specifically include directional chevrons and the information icon by name:

@include vf-p-icon-chevron-down;
@include vf-p-icon-chevron-up;
@include vf-p-icon-information;

However, Vanilla is not creating any mixins for specific directional chevrons. Rather, we create a single mixin vf-p-icon-chevron that declares classes for the directional chevrons. The information icon is included in the mixin vf-p-icon-info, not vf-p-icon-information.

Attempting to include these as directed by our documentation will lead to a build error as the mixins cannot be found.

To Reproduce

Steps to reproduce the behavior:

1. Icons documentation imports section
2. Observe the instructions to include the above mixins
3. Verify that there is no mixin in the Vanilla codebase matching any of the above.

Expected behavior

The icons import documentation accurately reflects how to import the minimum set of SCSS required to show each icon.

Screenshots

Desktop (please complete the following information):

• OS: PopOS 22.04
• Browser: Firefox
• Version: 125.0.2

Additional Context
The icons documentation is creating the import statements by looping through standard_icons in templates/docs/patterns/icons/index.md (which also controls which icons are displayed in the standard & dark theme icons sections).

Removing the instructions to import these nonexistent mixins would require slight changes around here to avoid creating import statements for specific mixins. Maybe it's easier to implement the mixins themselves?

Maybe we should create mixins for each direction, or remove the specific directional chevrons from the documentation and direct users to just include vf-p-icon-chevron.

[jmuzina]

Updated to note that the vf-p-icon-info mixin is improperly documented as well.