refactor(theme): [ip-address] refactor ip-address theme vars

[zzcr]

PR

PR Checklist

Please check if your PR fulfills the following requirements:

• [ ] The commit message follows our Commit Message Guidelines
• [ ] Tests for the changes have been added (for bug fixes / features)
• [ ] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• [ ] Bugfix
• [ ] Feature
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] CI related changes
• [ ] Documentation content changes
• [ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• [ ] Yes
• [ ] No

Other information

Summary by CodeRabbit

• New Features

  • Updated CSS variable naming conventions for the IP address component, enhancing consistency and clarity.
  • Introduced new variables for improved responsiveness and adaptability across different input sizes.

• Bug Fixes

  • Adjusted expected CSS height values in the test cases for the IP address input box to reflect design updates.

• Documentation

  • Updated method names for better clarity and alignment with the new design framework.